CMDb - Movie Database Web App

Preview live at cmdb-movies.netlify.app

View a large collection of movies and reviews. Sign up to add your own.

Local Setup · Testing · Tech · Containerization · Deployment · Progress

Local Setup

Using Docker

• navigate to root cd movie-web-app
• build and run with compose docker-compose up --build

Note

Run docker-compose down --volumes after stopping -potentially helps avoid postgres seed/init issues

Without Docker

• Frontend:

  • commands: cd frontend npm install npm run dev
  • envars:
    • VITE_BACKEND_URL=http://[yourhost]:[backendport]

• Backend:

  • commands: cd backend npm install npm start
  • envars:
    • POSTGRES_DATABASE=yourdatabase
    • POSTGRES_USERNAME=yourusername
    • POSTGRES_PASSWORD=yourpassword
    • POSTGRES_HOST=yourhost
    • POSTGRES_PORT=dbport
    • JWT_SECRET=yoursecret
    • JWT_EXPIRES_IN=1h
    • PORT=backendport

Testing

• Frontend:

  • command: npm test
  • tools:
    • jest, jest-dom, ts-jest
    • react testing library

• Backend:

  • command: npm test
  • tools:
    • jest, ts-jest

Tech

• Backend
  • TypeScript
  • Node.js
  • Express.js
  • PostgreSQL
  • Sequelize
  • class-validator
  • jwt
• Frontend
  • TypeScript
  • React.js
  • Vite
  • React Router
  • TailwindCSS
  • Axios
  • shadcn ui

Containerization

• Docker
• Docker Compose

Deployment

• Frontend - Netlify
• Backend - Render
• DB - Render

Progress

• Frontend init, boilerplate, structure
• Backend init, boilerplate, structure
• Frontend routing
• Postgres schema
• DB Integration
• ORM Setup, Model generation
• Auth module
• Auth UI, end to end functionality
• Movie module
• Review module
• Integration
• Dockerization
• Deployment
• Testing - Frontend
• Testing - Backend
• Refactoring, Styling Improvements, Bugs