https://github.com/soumwadeep/cineflix
A Simple Movie Renting Web App
https://github.com/soumwadeep/cineflix
tailwindcss typescript
Last synced: 2 months ago
JSON representation
A Simple Movie Renting Web App
- Host: GitHub
- URL: https://github.com/soumwadeep/cineflix
- Owner: soumwadeep
- Created: 2024-01-10T12:58:45.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-13T02:36:14.000Z (over 1 year ago)
- Last Synced: 2025-01-18T04:42:46.526Z (4 months ago)
- Topics: tailwindcss, typescript
- Language: JavaScript
- Homepage: https://cineflix.soumwadeepguha.com/
- Size: 479 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CineFlix - Movie Rental Web Application
CineFlix is a Next.js project designed for online movie browsing and rental. It leverages the power of Next.js and includes automatic font optimization using Inter, a custom Google Font.
## Getting Started
To get started, follow these steps:
1. Clone the repository:
git clone https://github.com/soumwadeep/CineFlix.git
2. Navigate to the project directory:
cd CineFlix
3. Install dependencies:
npm install
4. Run the development server:
npm run dev
5. Open http://localhost:3000 with your browser to see the application.
## Home Page
Displays a grid of movie cards.
Each card includes the movie title, genre, rating, and price.
Users can click on "View Details" to see more information about a movie.
Add to Cart functionality allows users to add movies to their shopping cart.
## Movie Details Modal
Shows detailed information about a specific movie.
Displays the movie title, description, year, duration, genre, rating, and price.
Users can also add the movie to their cart from this page.
## Cart Page
Lists all the movies added to the shopping cart.
Each item includes the movie title, genre, and price.
Users can remove items from the cart or proceed to checkout.
(Currently In Development)