Skip to content

abhijithshetty12/Cinescape

Repository files navigation

🎬 Cinescape

Live Demo React TypeScript Vite Tailwind CSS Firebase

Cinescape is a high-performance movie discovery platform designed for cinephiles. Built with React 18 and TypeScript, it provides a seamless interface to explore trending cinema, manage personal watchlists, and track viewing history. Cinescape leverages real-time data from TMDB API to offer comprehensive movie information, including trending movies, top-rated films, upcoming releases, TV shows, and actor profiles—making it the ultimate destination for movie enthusiasts to discover and track their favorite content.


🚀 Key Features

  • 📺 Instant Streaming: Watch any film in the library for free with integrated high-quality playback.
  • 🎬 Cinematic Discovery: Explore a vast library of movies with real-time data.
  • ⭐ Curated Rankings: Access top-rated films and trending content instantly.
  • 🎭 Talent Profiles: Detailed insights into actors, including full filmographies.
  • ❤️ Favorites Management: Save and organize your preferred actors and movies.
  • 🕒 History Tracking: Keep a log of your recently viewed titles.
  • 📊 Binge Watch Stats (Binge Analytics): Visualize your viewing habits—30-day genre trends, screen time, runtime split, and favorite directors.
  • 🎲 Watchlist Roulette: Spin through your watchlist to pick your next “winner pick” with an animated roulette + confetti moment.
  • 🎬 Director’s Cut (Lineage Graph): Explore cinematic connections using an interactive director/actor network graph powered by TMDB relationships.
  • 📱 Responsive UI: Fully optimized for desktop, tablet, and mobile devices.

🛠 Tech Stack

Category Tools
Frontend React 18, TypeScript, Vite
Styling Tailwind CSS, Lucide React (Icons)
Backend/Auth Firebase (Firestore & Authentication)
Deployment Vercel

🖼️ Interface Preview

Core Experience

Login & Security Home Dashboard

User Personalization

Personal Profile Watchlist Management

Exploration & Discovery

Top Rated Collection Explore Movies
Advanced Filtering Viewing History

👨‍💻 Author

Abhijith Shetty Front-End Web Developer

"Passionate about building modern, user-friendly web applications that blend creativity with technology."

LinkedIn GitHub


🌟 Show Your Support

If you find this project helpful or like the design, please give it a ⭐ on GitHub! It helps the project gain more visibility and motivates me to keep adding new features.

About

Cinescape is a React-based movie discovery web app deployed on Vercel. It lets users explore films, view top-rated movies, browse actors, and manage favorites in a clean, responsive UI, offering a modern and engaging way to discover cinema.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors