Personal Movie & TV Show Website using Outerbase

Welcome to the Personal Movie & TV Show Website! Discover, explore, and immerse yourself in the world of movies and TV shows with this interactive web application powered by Outerbase and TMDB (The Movie Database) API.

Demo

Click to expand and see demo images

Homepage

Click to expand and see Homepage

Details Page

Click to expand and see Details page

Search Page

Click to expand and see search page

Login/Signup Page

Click to expand and see signup page

Features

• Homepage with Movie/TV Show Listings: Explore trending movies and TV shows, discover popular titles, find top-rated selections, and get a sneak peek at upcoming releases, all on the homepage.

• Search Functionality: Use the search bar to quickly find specific movies or TV shows by title, genre, or keywords. It's your gateway to a vast library of entertainment.

• Detailed Movie/TV Show Pages: Dive deep into your favorite content! Click on a movie or TV show to access comprehensive details, including title, release date, genre, overview, rating, cast and crew information, and more. Plus, get recommendations for similar titles to keep your watchlist growing.

• Customizable Design: Make it your own! Customize the website's appearance with your preferred font choices, color schemes, and layout. Express your unique style and create a personalized viewing experience.

• TMDB API Integration: We keep it fresh! Our website connects seamlessly with the TMDB API to fetch real-time data, ensuring that you always have the latest and most accurate information at your fingertips.

Homepage

The homepage serves as the gateway to a world of entertainment. Here's what you can expect from the homepage:

• Trending Movies & TV Shows: Get an overview of what's currently trending in the world of movies and TV shows.
• Popular Titles: Discover the most popular movies and TV shows that everyone's talking about.
• Top-Rated Selections: Explore the highest-rated content to ensure you don't miss out on hidden gems.
• Upcoming Releases: Stay ahead of the curve by checking out upcoming movie and TV show releases.
• Search Functionality: Use the search bar to find specific content based on titles, genres, or keywords.

Movie/Tv Shows Details Page

When you click on a movie or Tv Shows, you'll be taken to the details page, where you can dive deep into your favorite films or Tv Shows. Here's what you'll find:

• Title & Overview: Get an overview, plot and storyline.
• Release Date & Genre: Find out when the movie was released and its genre.
• Rating & Reviews: Discover the movie's or Tv Shows's rating.
• Cast & Crew: Get to know the actors, directors, and other key contributors to the film.
• Related Movies: Receive recommendations for similar movies to expand your watchlist.

Getting Started

First, install all the dependencies :

npm install

Run the development server :

npm run dev

Build the production code :

npm run build

Run the production code :

npm run start

Environment Variables Setup Guide

To run this project, you need .env files in your root folders. Add the following environment variables to your .env file:

URL= Your website URL

API_KEY= Your tmdb API key

BEARER_TOKEN= Your TMDB Auth Token

JWT_SECRET= Your JWT secret key

Open http://localhost:3000 with your browser to see the result.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Acknowledgments

Special thanks to TMDB and Outerbase for providing the API that powers this project. Shoutout to the open-source community for their valuable contributions.