CineWorld is a modern, responsive web application built with React that allows users to effortlessly explore popular movies, search for specific titles, and curate a personal collection of their favorite films. It leverages The Movie Database (TMDb) API for dynamic content and provides a seamless user experience with a Netflix-inspired dark theme.
- Explore Popular Movies: Discover the latest and most popular films displayed on the home screen upon launch.
- Dynamic Search: Easily find any movie by title using the integrated search bar, fetching real-time results from TMDb.
- Favorites Management: Add or remove movies from your personalized favorites list with a single click on the heart icon.
- Persistent Favorites: Your liked movies are saved locally in your browser's storage, ensuring they remain even after you close the app.
- Dedicated Favorites Page: View all your favorite movies conveniently listed in one place.
- Responsive Design: Enjoy a consistent and optimized viewing experience across various devices and screen sizes, from mobile to large desktops.
- Dark & Light Mode: Toggle between a stunning Netflix-inspired dark theme and a clean light mode to suit your preference.
- Clean and Intuitive UI: A user-friendly interface designed for easy navigation and enjoyable movie browsing.
- React.js: A powerful JavaScript library for building dynamic user interfaces.
- React Router DOM: For handling declarative routing and navigation within the single-page application.
- React Context API: Utilized for efficient global state management, specifically for the favorites list, avoiding prop-drilling.
- The Movie Database (TMDb) API: Provides comprehensive and up-to-date movie data.
- CSS: For all styling, meticulously crafted to achieve an attractive, responsive, and theme-switchable layout.
thiscineworld.netlify.app/