Open Source ProjectActive Development
Netflix Clone
Explore a Netflix-inspired React app with TMDB API integration. Features include debounced search, watchlist, and responsive design.
A React-based Netflix-inspired streaming interface built using the TMDB (The Movie Database) API. This solo project was developed as a learning initiative to deepen my skills in building modern, dynamic UIs and integrating external APIs.
My Role & Contribution
I designed and implemented the entire application from scratch. This included UI development, data fetching, state management, implementing search and filtering logic, and managing user interactions such as watchlist handling with local storage.
Technical Challenges & Solutions
- Faced multiple logic and UI bugs, many of which were debugged and refined iteratively using community tools and documentation.
- Upon deployment to Vercel, I encountered a routing issue when refreshing pages. I resolved it by configuring a custom vercel.json file to correctly fallback to index.html, ensuring smooth client-side routing in a single-page application (SPA).
Key Features
Debounced search functionality with filtering and sorting by content type
Watchlist ("My List") stored in localStorage
Responsive design with a clean, modern UI
Browse both movies and TV shows with detailed info pages
Fast loading and smooth transitions
Dynamic Hero section with YouTube video backgrounds
Technical Details
Technology Stack
ReactViteTailwind CSSTMDB APIAxiosReact Router
Key Results & Impact
- Strengthened my ability to manage asynchronous operations and handle API data gracefully
- Improved my understanding of routing, state management, and context in React
- Gained practical experience deploying and troubleshooting React apps on Vercel
Related work
View all projectsExplore more projects
A few more builds connected by stack, domain, or implementation patterns.
