🎬 MovieMania

A dynamic, modern movie web application built with Next.js 15, using The Movie Database (TMDb) API to fetch and display popular movies and search results. Features include client-side routing, pagination, suspense for data fetching, and responsive design with Tailwind CSS.

🚀 Features

• 🔍 Search Movies – Query TMDb for any movie by keyword.
• 🌐 Popular Movies – Displays trending/popular movies on homepage.
• 📄 Pagination – Navigate through TMDb results with intuitive pagination controls.
• ⚛️ Suspense & Client Components – Built using modern App Router with React Suspense and client-only features.
• 🖼️ Movie Cards – Visually appealing movie cards with poster, rating, and title.
• 💨 Skeleton Loading – Smooth loading experience during API fetch.
• 💅 Tailwind CSS – Clean and responsive design.

📦 Tech Stack

• Framework: Next.js 15 (App Router)
• Styling: Tailwind CSS
• API: TMDb API
• Other: React Suspense, useSearchParams, dynamic rendering

---

🛠️ Getting Started

1. Clone the repository

git clone https://github.com/SumanShrestha14/MovieMania.git
cd movieapp

2. Run app ▶️

First install all dependencies

  npm install
  bun install
  yarn install
  pnpm install

Now run project

  npm run dev 
  bun run dev
  yarn dev
  pnpm run dev

© 2025 Suman Shrestha. All rights reserved.

This project, MovieMania is open-source You are free to use, modify, and distribute the code for personal or commercial purposes,
provided that the original author is credited.

Unauthorized reproduction, commercial reselling without proper attribution, or distribution
of substantial portions of the software without express permission is prohibited.

For licensing inquiries, please contact:

sumanstha0614.@gmail.com