FilmSphere

FilmSphere is your ultimate destination to explore and engage with movies. Powered by Chakra, ReactJS, Firebase, and TMDB API, it offers a seamless cinematic experience with a plethora of features.

Live Deployed Link: FilmSphere Live

Features

Dynamic Routing

Easily navigate through our extensive collection of movies with intuitive dynamic routing, ensuring a smooth and immersive browsing experience.

Authentication & Authorization

Securely access your personalized FilmSphere account with robust authentication and authorization mechanisms, safeguarding your data and preferences.

Watchlist

Curate your own watchlist of movies to watch later, conveniently organizing your cinematic preferences for easy access and reference.

TMDB Integration

Leverage the power of TMDB API to access comprehensive movie data, including details, ratings, reviews, and more, enriching your movie exploration journey.

Dynamic Searching

Enhance your movie discovery experience with dynamic searching, powered by TMDB API, allowing you to easily find and explore a wide range of movies.

Getting Started

1. Clone the repository:

   git clone https://github.com/AdityaGoel0320/FilmSphere-The-place-to-become-more-energetic.git

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

4. Adding Environment Variables:

   Ensure to add the following environment variables to your project. You can create a .env file in the root directory and add these variables:

   VITE_API_KEY=
   VITE_FIREBASE_API_KEY=
   VITE_FIREBASE_AUTH_DOMAIN=
   VITE_FIREBASE_PROJECT_ID=
   VITE_FIREBASE_STORAGE_BUCKET=
   VITE_FIREBASE_MESSAGING_SENDER_ID=
   VITE_FIREBASE_APP_ID=
   

   These variables are crucial for the smooth running of the project.

Live Deployed Link: FilmSphere Live