TMDB Film Explorer

TMDB Film Explorer App built with NextJS & TailwindCSS

View Demo · Report Bug · Request Feature

About The Project 🌟

Tech Stack 💻

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

6. Open http://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