TMDB Clone 🎬

A responsive and high-performance movie discovery platform built with Next.js 15, Tailwind CSS, and Material-UI, powered by The Movie Database (TMDB) API.

🚀 Features

• 🔍 Discover Movies & TV Shows – Browse over 1.2 million movie and TV show titles.
• ⚡ Optimized Performance – Consolidated API route fetching for 70% faster loading.
• 🎨 Responsive UI – Fully optimized for mobile, tablet, and desktop screens using Tailwind's utility classes.
• 🌟 Lighthouse Scores –
  • 📈 85% Accessibility
  • 🔍 91% SEO
  • ✅ 100% Best Practices
• 🚀 Deployed on Vercel – Showcasing scalable frontend development with modern technologies.

🛠️ Technologies Used

• Next.js 15 – Server-side rendering & API handling
• Tailwind CSS – Modern utility-first CSS framework
• Material-UI – UI component library for enhanced design
• TMDB API – Fetching movie & TV show data
• Vercel – Deployment platform for seamless hosting

📦 Installation & Setup

1. Clone the repository:

   git clone https://github.com/Ayushkumar48/tmdb-clone.git
   cd tmdb-clone

2. Install dependencies:

   npm install
   # or
   yarn install

3. Create a .env.local file and add your TMDB API key:

   TMDB_BASE_URL=your_tmdb_api_key_here

4. Run the development server:

   npm run dev
   # or
   yarn dev

5. Open http://localhost:3000 to see the app in action.

🚀 Deployment

Deployed on Vercel for optimal performance and scalability.

To deploy manually:

vercel

Or connect your repository to Vercel for automatic deployments.

🛠️ Contributing

Contributions are welcome! Feel free to fork the repository, create a new branch, and submit a pull request.

📄 License

MIT License. See LICENSE for more details.

---

🔗 Live Demo: TMDB Clone