Skip to content
PrajwalShetty-114Public

About

๐ŸŽฌ CinePeek โ€“ A movie & TV show discovery web app built with Node.js, Express.js, and EJS. Search by genre & language, get random picks, and save favorites to a personal watchlist. Powered by the TMDb API.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Latest commit

ย 

History

13 Commits

Folders and files

Repository files navigation

๐ŸŽฌ CinePeek

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.


๐Ÿš€ Features

  • 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.

๐Ÿ› ๏ธ Tech Stack

  • 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

๐Ÿ“ Project Structure

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.ejs
    • discover.ejs
    • randomPick.ejs
    • watchList.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.

โš™๏ธ Setup Instructions

  1. Clone the repository
    git clone https://github.com/PrajwalShetty-114/CinePeek.git
    cd cinepeek
  2. Install dependencies
    npm install
  3. Run the server
    node index.js

๐Ÿ–ผ๏ธ Screenshots

Screenshot 2025-09-01 233047 Screenshot 2025-09-01 233114 Screenshot 2025-09-01 233129 Screenshot 2025-09-01 233202

Credits

Data provided by TMDb .

Built as part of The Complete Full-Stack Web Development Bootcamp (Udemy).


๐Ÿ“œ License


This project is for educational purposes only and not for commercial use.

About

๐ŸŽฌ CinePeek โ€“ A movie & TV show discovery web app built with Node.js, Express.js, and EJS. Search by genre & language, get random picks, and save favorites to a personal watchlist. Powered by the TMDb API.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages