🍿CineVerse - Movie & TV Explorer

CineVerse is a modern, responsive web application built with React.js and Vite that lets users explore and discover movies and TV shows using TMDB (The Movie Database) API.

🔗 Live Demo: https://cineverse25.netifly.app

---

🔥 Features

• 🔎 Search Movies & TV Shows by title
• 🎥 Latest Trailers section with video previews
• 📺 Trending Content carousel (Movies & TV)
• 🧑‍🤝‍🧑 View full cast and creators
• 📝 Read user reviews
• 🖼️ Browse high-quality screenshots
• 🎞️ Explore seasons & episodes (for TV series)
• 📍 See where to stream, rent, or buy (via TMDB Watch Providers)
• 🎨 Smooth animations with Framer Motion
• 📱 Fully responsive design (mobile-first)
• 🍿 Pagination, genre filtering, and more

⚙️ Tech Stack

• Frontend: React, React Router, Framer Motion, Tailwind CSS
• API: TMDB API
• Others: Axios, React Slick (carousel), dotenv

🚀 Quick Start

Follow these steps to set up the project locally on your machine.

Clone the repository

git clone https://github.com/abhishekkalme/cineverse.git
cd cineverse

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a new file named .env.local in the root of your project and add the following content:

VITE_TMDB_API_KEY=your_tmdb_api_key
VITE_TMDB_ACCESS_TOKEN=your_tmdb_bearer_token
VITE_TMDB_BASE_URL=your_tmdb_base_url

Get API key - https://www.themoviedb.org/

Replace the placeholder values with your actual TheMovieDatabase API. You can obtain these credentials by signing up on the TheMovieDatabase

Running the Project

npm run dev

Open http://localhost:5173 in your browser to view the project.

📄 License

This project is licensed under the MIT License.