Technical Setup

Welcome to the hyf wiki!

Goal is to propose a set of how to here with practical informations you may need

Technical Setup

• Create backend repository based on template: https://github.com/vanakenm/hyf-backend-template (only one person needs to do this)

  • Rename it with "your-project-name-backend"
  • Give access in write to your team
  • Everyone clone it locally
    • git clone

• Create frontend repository based on template: https://github.com/vanakenm/hyf-frontend-template (only one person needs to do this)

  • Rename it with "your-project-name-frontend"
  • Give access in write to your team
  • Everyone clone it locally
    • git clone

• Register at https://www.freemysqlhosting.net/ (again, only one is needed for the whole team)

  • create a new account there
  • create a new database
  • You'll receive the connection information per email, note:
    • the host (where is the DB stored)
    • the database name
    • the user name
    • the password

Test: open dbeaver (install it if you don't have it yet - dbeaver.org), create a new connection, select "MySql" and enter the provided information. The connection should work (even if the database is of course empty)

Test

Everyone should make the code run locally:

• get into the backend repository folder, then:

  npm i npm run dev

To test: go to http://localhost:5000/recipes - you should see a list of recipes

• get into the fronend repository folder, then:

  npm i npm run dev

To test: go to http://localhost:5173/ - you should see the home page. Clicking on "recipes" should show the recipes list

Create a new table

Once you have your data model, you can create your tables. Only create what you need - you don't want to do everything upfront.

This is something you did during the SQL weeks - don't hesitate to look at examples here: https://github.com/HackYourFutureBelgium/sql-database/blob/main/week3/sample-project/schema.sql - or even better, go back to the examples you have written yourselves!