SmartCine is a web application that allows users to book tickets for a cinema in real-time. The project is built using Next.js, shadcn/ui, and Tailwind CSS for styling.
- Real-time ticket booking: Users can book tickets for a movie in real-time, with the available seats updating instantly.
- Seat selection: Users can select the seats they want to book.
- User authentication: Users can create an account and log in to the application.
- Order history: Users can view their past ticket orders.
- Admin panel: Administrators can manage the movies, showtimes, and ticket sales.
- Next.js: A React framework for building server-rendered, static, and hybrid web applications.
- Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
- TypeScript: A statically typed superset of JavaScript that adds optional static typing to the language.
- @tanstack/react-query: Powerful asynchronous state management for TS/JS, React, ...
To run the SmartCine project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/smart-cine/smartcine-website.git
-
Install the dependencies:
cd smartcine-website npm install -
Set up the environment variables:
- Create a
.env.developmentfile in the project root directory. - Add these environment variables: API_URL=http://yourserverdomain.com/api/ API_VERSION=v1
- Create a
-
Start the development server:
npm run dev
-
Open the application in your browser:
http://localhost:3000
The design of this website draws inspiration from Momo Cinema
- Design reference: https://momo.vn/cinema
Contributions to the SmartCine project are welcome. If you find any issues or have suggestions for improvements, please feel free to create a new issue or submit a pull request.
This project is licensed under the MIT License.