NoirFlix is a fast, responsive movie discovery platform built with React, Vite, and pure CSS3, fetching real-time data from the TMDB API. It allows users to explore trending releases, discover top-rated cinema, search titles dynamically, and dive into comprehensive movie details including cast lists and official YouTube trailers.
🔗 Live Demo: noirfflix.netlify.app
- Dynamic Hero & Curated Feeds: Browse real-time sections for Trending This Week, Most Popular, and Top Rated movies.
- Instant Search: Search across TMDB's extensive library with direct query results.
- Dedicated Movie Details Page: Click on any card to view runtime, release date, user rating, genre tags, storyline overview, and key cast members.
- Trailer Integration: Direct YouTube redirect button for official movie trailers.
- Zero UI Libraries: Clean, custom-written vanilla CSS with smooth hover effects, poster cards, and mobile-friendly layouts.
- Client-Side Routing: Seamless page navigation via React Router without page reloads.
- Frontend Library: React (Vite)
- Routing: React Router DOM
- Styling: Vanilla CSS (Custom flex/grid design system)
- API: The Movie Database (TMDB) API
- Deployment: Netlify