CINEFLIX, an online movie store where users can see a list of movies listed for the renting purpose.
Users can explore the available movie selection, easily add desired films to their cart, review their selections, and proceed to checkout.
- Home page for showing all movies.
- User can Add or Remove movie from cart.
- Cart detail modal for showcasing cart items and final pricing.
- Individual movie detail modal with comprehensive information.
- Infinite Scroll feature for movie listing.
- 404 page for handling page not found errors.
- Toast notifications and loaders for providing user feedback.
- Fully responsive design for optimal user experience across devices.
- React JS: A robust JavaScript library known for its component-based architecture and seamless UI rendering.
- React Router v6: For dynamic routing and seamless navigation within the application
- React Hooks: React Hooks like useState(), useEffect(), useReducer() and useContext() to enable efficient state management, dynamic routing, and enhanced user interactions.
- Tailwind CSS: For custom styling, ensuring a unique and visually appealing user interface design.
- React Icons: For enhancing the visual presentation.
- Material UI: For building modern and visually appealing website.
- React Toastify: to provide informative and intuitive feedback to users.
To clone and run this application. From your command line:
# Clone this repository
$ git clone https://github.com/prachi-sahu-codes/cineflix.git
# Go into the repository
$ cd cineflix
# Install dependencies
$ npm install
# Run the app
$ npm run dev