Project Details

Tech Stack and recommended docs:

• React (google it)
  • React Query for server state management
  • Sweet state for client state management
  • Storybook for isolated development and self-documenting code
• Express (google it)
  • tsoa
• Firebase - Auth and Firestore v9 (docs suck, google and stack overflow)
  • Emulators
• Stripe
• typescript
  • OpenAPI Typescript for swagger to ts interfaces
  • OpenAPI Fetch for unopinionated fetching on front end, with type safety
• Jest
  • Supertest
  • React Testing Library

Recommended readings about tech stack

Typescript

• utility types
• generics
• compiling

Express

• tsoa for route and documentation generation

Firebase

• type safety in firestore
• basic CRUD in firestore
• authentication in firebase with tokens

Yarn

• workspaces

REST API

• Layered architecture
• MVC architecture
• HTTP Methods

Architecture

Note: Contact bcho892@aucklanduni.ac.nz if you want edit access to this diagram.

No-Nos

• Don't import anything outside the directory you are working in (i.e if you are in server do not import modules from client using relative paths)