raymondtju / cinema

An open source booking cinema using newest version of Next JS

Cinema

An Open Source Simple Booking Cinema App created using NextJS 13.4 + Server Action, Prisma ORM + Supabase, and Tailwind CSS. It was bootstrapped with create-next-app.

demo_cinemaapp.mp4

Warning Project is made based on Compfest 15 SEA candidate.

This project is still in development and is not ready for production use.

Tech Stack

• Next.js + Server action
• Next Auth
• Prisma ORM
• Tailwind CSS
• Supabase
• Faker JS

Features

• Basic Credentials authentication using next-auth
• Checkout seat feature
• Manual deposit and withdrawal
• Cancel order ability
• User under movie age cannot booked ticket
• Randomize username using faker-js

To Do

• Add payment gateway (Midtrans/Xendit) to deposit testing
• Code Refactoring
• Configure UI more beautiful & responsive

Installation

1. Clone the repository

git clone https://github.com/raymondtju/cinema

2. Install dependencies

npm install

3. Create a .env file

Create a .env file in the root directory and add the environment variables as shown in the .env.example file.

4. Run the application

npm run dev

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.