ALX Frontend Capstone Project
A modern, cinematic movie discovery web application built with React and powered by the TMDB API.
This project focuses on advanced frontend engineering, immersive UI/UX design, and efficient data handling.
⚠️ Project Status: In Progress
This application is actively being developed as part of the ALX Frontend Engineering Capstone.
The Cinematic React Movie App delivers an immersive browsing experience inspired by modern streaming platforms.
It blends dynamic movie data, cinematic visual effects, and responsive layouts to showcase real-world frontend development skills.
The project emphasizes:
- Clean and reusable component architecture
- Performance-optimized API data fetching
- Advanced UI effects using modern CSS techniques
- Scalable and maintainable frontend patterns
-
Dynamic Movie Backgrounds
High-quality movie backdrops fetched in real time from the TMDB API. -
Movie Search Functionality
Search for movies by title with real-time results powered by the TMDB API. -
Custom Rating Component
Fractional star ratings built from scratch for accurate score representation. -
Glassmorphism UI Cards
Frosted-glass cards with gradient overlays, blur effects, and depth. -
Fully Responsive Design
Optimized for mobile, tablet, and desktop screens. -
Fast Development Setup
Built with Vite for rapid builds and hot module replacement. -
Efficient Data Fetching & Caching
Powered by React Query (TanStack Query) for optimized requests and background updates.
- React – Component-based UI development
- Vite – Fast build tool and development server
- Tailwind CSS – Utility-first styling and responsive design
- React Query (TanStack Query) – API state management and caching
- TMDB (The Movie Database) API – Movie data, images, and metadata