CineVerse

CineVerse is a movie and TV show streaming platform where you can watch both movies and TV shows directly on the website. The platform also includes a genre filter, allowing users to filter content by specific genres.

Table of Contents

• Deployed Link
• Features
• Tech Stack
• Prerequisites
• Installation
• Building for Production
• Usage

Deployed Link

You can access the live application at: CineVerse Deployed Link

Features

• Watch Movies and TV Shows: Stream your favorite movies and TV shows directly from the platform.
• Genre Filter: Filter content by genre to find movies and TV shows that match your interests.

Tech Stack

• React: JavaScript library for building user interfaces.
• TypeScript: Superset of JavaScript that adds static types.
• Tailwind CSS: Utility-first CSS framework for styling.
• shadcn: Used for additional component styling.
• React Router DOM: For routing and navigation within the application.
• Axios: For making HTTP requests to fetch data from APIs.
• React Icons: For including icons in the application.
• TMDb API: Provides movie and TV show data including details and images.

Prerequisites

• Node.js
• npm or yarn

Installation

To get started with CineVerse, follow these steps:

1. Clone the repository:

   git clone https://github.com/dev-akhilesh/CineVerse.git

   cd CineVerse

2. Install dependencies:

   npm install
   # or
   yarn install

3. Run the application:

   npm start
   # or
   yarn start

4. Open your browser and navigate to http://localhost:5173/ to see the application in action.

Building for Production

1. Build the application:

   npm run build
   # or
   yarn build

2. The production-ready files will be in the build directory.

Usage

API Integration

The application uses the TMDb API to fetch movie and TV show data. You will need an API key from TMDb.

Environment Variables

Create a .env file in the root of the project and add your TMDb API key:

VITE_TMDB_API_KEY = your_api_key_here

Once the application is up and running, you can:

Browse Movies and TV Shows: The homepage displays a collection of movies and TV shows.

Filter by Genre: Click on a genre from the genre list to filter and display only the movies and TV shows that belong to that genre.