CinePickr is a frontend project that focuses on smart movie discovery and watchlist management. The application allows users to search for movies in real-time, organize their personal watch queue, and interact with dynamic features like filtering, sorting, and random movie selection.
The goal of CinePickr is to help users easily discover movies and decide what to watch next. It combines real-time API data with an intuitive user interface to create a smooth and engaging user experience.
This project also demonstrates core frontend development concepts such as API integration, array higher-order functions, and responsive UI design.
- OMDb API
https://www.omdbapi.com/
This API is used to fetch real-time movie data including titles, posters, release year, and more.
- Search movies dynamically using API calls
- Display results instantly as the user searches
- Add or remove movies from a personal watchlist
- Persist data using localStorage
- Filter movies based on criteria like type or year
- Sort movies by:
- Release year
- Alphabetical order
- Ratings (if available)
- Select a random movie from the watchlist
- Helps users decide what to watch
- Toggle between light and dark themes
- User-friendly messages when:
- No search results are found
- Watchlist is empty
- HTML
- CSS (with optional Tailwind CSS / Bootstrap)
- JavaScript (ES6+)
- Fetch API
- LocalStorage
The application will be fully responsive and optimized for:
- Mobile devices
- Tablets
- Desktop screens
- Clone the repository:
git clone https://github.com/SammyBanner45/cinepickr.git