Loop Cinema Fullstack Website

Full-stack website for a cinema, including an admin console to manage the site. Built with React, Node, Express and GraphQL.

Instructions:

From root directory:

Run backend:

1. cd backend
2. npm install
3. npm start
4. Backend will run on localhost:5001

Run frontend:

1. cd frontend
2. npm install
3. npm start
4. Frontend will run on localhost:3000

Run admin console:

1. cd admin-console
2. npm install
3. npm start
4. Admin console will run on localhost:3001

Run tests:

1. cd frontend
2. npm test

Notes:

• Server details are stored in backend/.env
• Admin console details are stored in admin-console/.env
• Avg reservation analytics uses the createdAt attribute autogenerated by the database, so if it's rebuilt all seeded data will be on the same day, you will need to manually change the date in the database to see the analytics change and behaved as expected.
• TODOs are left in the code so we can continue to work on this project in the future.

Resources:

Images used on this site were generated using Midjourney. The trailers are embedded from Youtube.