This page is to journal my construction of the arcade.

Technology stack

Frontend:

  • React with Typescript
  • Tailwind CSS
  • Zustand (simple state management)
  • Framer Motion (smooth animations)

Backend:

  • Node.js with express
  • Rest API

Steps 

mkdir -p backend/src/controllers backend/src/models backend/src/routes
mkdir -p frontend/src/components/games frontend/src/pages frontend/public
  1. create package.json for both backend and frontend
  2. create main backend file, game routes, game controller
  3. pm2 configuration for containerisation
  4. create tailwind config
  5. create App.js in frontend