MovieHub is a modern React + TypeScript web app that lets users explore, search, and view details of movies powered by the TMDB (The Movie Database) API.
It provides smooth browsing by trending, popular, top-rated, and genre-based categories — all wrapped in a clean, responsive, and dark-mode-friendly UI.
- Trending, Popular & Top-Rated Movies
- Instant Search with real-time results
- Movie Details Modal with ratings, runtime, and production info
- Watch Trailers directly in-app (YouTube embedded player)
- Browse by Genre with dynamic filtering
- Light/Dark Mode Toggle
- Scroll to Top floating button
- Optimized with React hooks, Context API, and custom hooks
- Fully responsive UI built with Tailwind CSS
| Category | Technology |
|---|---|
| Frontend | React 18, TypeScript |
| Styling | Tailwind CSS |
| Icons | Lucide React |
| API | TMDB (The Movie Database) API |
| State Management | React Context API |
| Tooling | Vite |