Directory Format

npm install
npm run dev       # to run on localhost

/frontend/src/Routes.tsx

• includes routes to pages

/frontend/src/components/<componentName>

• create folder for a component in components folder i.e. Dialog folder

• include in folder:

  • .tsx file for component

  • style.ts for component

  • .test.tsx file for testing

/frontend/src/helpers

• add files where calculations or helper functions are made eg calculations for average ratings

/frontend/src/logic/functions

• create files for functions with API requests

• i.e. getUser.function.ts

/frontend/src/pages/<pageName>

• create folder for each page i.e. HomePage folder

• include in folder:

  • .tsx file for page

  • .test.tsx file for tests

  • .style.ts file for style

  • Folders for bigger sections of the page i.e. LoginDialog

note

We don’t want to call the actual backend to test while developing frontend, so instead we’ll be using a mock server (in /frontend/src/stubbing)