Case study · 05
Netflix Clone
Frontend Web Development / UI Clone | Evangadi Bootcamp
A pixel-accurate Netflix-style React interface using live TMDb movie and TV data, a hero banner, horizontal genre rows, and inline YouTube trailer playback.
01 · Overview
The project
This project recreates the Netflix browsing experience with live content from TMDb, responsive poster carousels, and trailer playback directly inside the page.
02 · Contribution
My role
Implemented React components, API integration, responsive styling, row interactions, and the poster-click trailer experience.
03 · Product
Key features
04 · Implementation
Technical architecture
React component-based frontend
Centralized Axios instance and TMDb request configuration
YouTube trailer lookup and embedded playback
Technology
05 · Process
Challenges and decisions
Kept API access behind an environment variable.
Used reusable row components to make genre sections easy to extend.
Closed the inline player when the selected poster is clicked again.
Privacy and project access
One of the three Evangadi Bootcamp capstone projects. Source repository is public.
Screenshots
Inside the product.
Interested in the work?