Discover, Explore & Save Movies/TV Shows with TMDb API
CinePeek is a movie and TV show discovery web app built as a capstone project for my Full-Stack Web Development Bootcamp. It allows users to explore trending content, filter by genre and language, view details, and save favorites to a personal watchlist.
- Search & Discover movies/TV shows by genre, language, and media type.
- Random Picks feature for when you canโt decide what to watch.
- Save to Watchlist โ persistently stored in JSON files (simulating a database).
- Remove from Watchlist with instant UI feedback.
- Netflix-style Dark UI with responsive design.
- TMDb API Integration for real, up-to-date content.
- Frontend: HTML, CSS, EJS Templates
- Backend: Node.js, Express.js
- Data Storage: JSON files (simulating a mini database)
- API: The Movie Database (TMDb)
- Styling: Responsive, dark theme inspired by streaming apps
This project is organized as follows:
public/CSS/- Stylesheets for the application.videos/- Video assets.assets/- Other miscellaneous assets.
views/- EJS templates for the user interface.index.ejsdiscover.ejsrandomPick.ejswatchList.ejs
index.js- The main Express server file.Movies.json- A local backup of movie data.TvShows.json- A local backup of TV show data.watchList.json- Stores the user's saved watchlist..env- API keys and sensitive environment variables (ignored by Git)..env.example- An example file showing the required environment variables.package.json- Lists project dependencies and scripts.README.md- The main project documentation file.
- Clone the repository
git clone https://github.com/PrajwalShetty-114/CinePeek.git cd cinepeek - Install dependencies
npm install
- Run the server
node index.js
Data provided by TMDb .
Built as part of The Complete Full-Stack Web Development Bootcamp (Udemy).
This project is for educational purposes only and not for commercial use.