This app builded with:

• Next.js
• Tailwind CSS
• daisyUI
• React Icons
• mongoDB

And already deployed on Vercel - https://sea-cinema-phi.vercel.app/

• Home page: show all movies
• Login page: login with username and password
• Register page: register with full name, username, age, and password
• Movie detail page: show movie detail and show time
• Book ticket: this feature only available for logged in user in detail movie page
• Balance: this feature only available for logged in navbar
• Top up Balance: this feature available in balance menu
• Withdraw Balance: this feature available in balance menu
• My ticket: this feature only available for logged in navbar
• Withdraw ticket: this feature only available for logged in my ticket menu
• Logout: this feature only available for logged in navbar

• Not all movies have show time

• Node.js
• npm or yarn or pnpm
• mongoDB
• mongoDB Cluster

1. Clone the repo

   git clone https://github.com/farhan15r/sea-cinema.git

2. Install NPM packages

   npm install
   # or
   yarn install
   # or
   pnpm install

3. Copy .env.example to .env

   cp .env.example .env

4. Fill the .env file with your mongoDB cluster connection string
5. Fill the ACCESS_TOKEN_KEY and REFRESH_TOKEN_KEY with your own secret key
6. Set the ACCESS_TOKEN_AGE and REFRESH_TOKEN_AGE with your own token age

1. open src\lib\service\mongo\MoviesService.js
2. uncomment line 13
3. run the app
4. the dummy movie will be filled after you open the home page (http://localhost:3000), this is running when app getting movies data from API (https://localhost:3000/api/movies)

IMPORTANT: don't forget to comment line 13 again after you filled the database with dummy movie

1. run the development server:

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev

2. Open http://localhost:3000 with your browser to see the result.

1. open src\lib\service\mongo\ShowTimesService.js
2. go to line 102 you will see dummy function
3. adjust the movieID, date, and time. You can get movieID in url when you open the movie detail page (http://localhost:3000/movie/[movieID])
4. uncomment line 14
5. run the app and open the movie detail page (http://localhost:3000/movie/[movieID])

IMPORTANT: don't forget to comment line 14 again after you filled the database with dummy movie show time

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!