komol-chandra/cine-rental-app

this is an react js application

Table of Contents

CODE BASE	CODE RUN	CONTACT
Get Project	How to run	Contact us

Get Project

Cine Rental - Movie Rental Website

Cine Rental is a basic movie rental website built using React.js. It allows users to browse a list of available movies, view movie details, add movies to a shopping cart, remove movies from the cart, and toggle between light and dark modes for better user experience.

Features:

1. Movie List: Browse through a collection of available movies with details such as title, genre, and description.

2. Movie Details: Click on a movie to view more details including the synopsis, release year, and rating.

3. Shopping Cart: Add movies to a shopping cart for rental. Remove movies from the cart if no longer desired.

4. Dark Mode: Toggle between light and dark modes for better readability and reduced eye strain.

React Hooks Used:

• useState: Used for managing local component state, such as toggling between light and dark modes.

• useContext: Utilized for managing global application state, such as sharing the shopping cart state across multiple components.

• useReducer: Implemented for managing more complex state transitions, such as adding and removing movies from the shopping cart.

How to run

Please follow the below instructions to run this branch in your machine:

1. Login to the GitHub account on which you have been granted access to this repository. If you have purchased the course but didn't get the access to this repository, please contact our support team. You will find contact details below.

2. Clone this repository -

   git clone https://github.com/komol-chandra/cine-rental-app.git

3. Go to the cloned project directory

   cd cine-rental-app

4. Checkout/switch to branch master

   git checkout master

5. Just run this command to install node dependencies

   npm i

6. Just run this command

   npm run dev

7. Live

   https://cine-rental-app-inky.vercel.app/