Skip to content

Ben888GitHub/project-movie-app

Repository files navigation

movie

TMDB Film Explorer

TMDB Film Explorer App built with NextJS & TailwindCSS

contributors last update forks stars open issues license

Table of Contents 📔
  1. About The Project
  2. Getting Started
  3. Usage

About The Project 🌟

screenshot screenshot

Tech Stack 💻

React Next JS TailwindCSS Vercel React Query

Features 🎯

  • Dark Mode Support
  • View Popular Movies in Pages
  • View Popular TV Shows in Pages
  • Get Specific Movie or TV Show Information in Detail
  • Search any Movie or TV Show
  • Responsive Layout

Getting Started 🧰

  1. Clone the repository and cd into its project root directory.
  2. Inside the directory, run npm i to install dependencies.
  3. Get your API Key from TMDB API
  4. Create .env.local file and place all your activated API Keys.
  5. Run npm run dev from the project directory to run in development mode
npm run dev
# or
yarn dev
  1. Open https://localhost:3000 with your browser to see the result.

Usage 👀

  • In every pages of the app, you can toggle either light or dark color mode from next-theme based on your preferences.
  • You can view the displayed Popular Movies and TV Shows in the Home Page
  • You can click the Popular Movies or TV Shows and navigate to the their pages with more items
  • Click any specific Movie or TV Show to navigate the page where you can view its information in detail
  • Click on the Search Button to search and navigate to any Movie or TV Show Page

Releases

No releases published

Packages

No packages published