Building a Netflix Clone with React

After completing the basics of frontend development, I wanted to challenge myself with a project that tested both my UI skills and my understanding of API integration. Inspired by Netflix’s clean interface and movie layout, I built this Netflix Clone as a solo React project — and it’s now live on Netlify!

🍿 What Is Netttflix?

Netttflix is a Netflix-inspired movie browsing app built with React, using the TMDB (The Movie Database) API to fetch real-time movie data. The app showcases trending movies, categories like “Top Rated” and “Now Playing,” and allows users to explore titles with smooth horizontal scrolling.

💡 What I Learned

Working on this clone helped me get hands-on experience with:
While building this project, I improved my understanding of React hooks, reusable components, and API integration using Axios.
I also learned to implement basic routing and responsive design across devices.
Deploying it on Netlify gave me practical experience with live hosting and continuous deployment.

🧠 Challenges I Faced

One of the tricky parts was handling API calls efficiently while avoiding code repetition. Another challenge was implementing responsive horizontal scroll behavior across screen sizes — especially making it work smoothly on both desktop and mobile.

🔚 Final Thoughts

This Netflix Clone was a super fun project that helped me bring together everything I’ve learned so far in React. It gave me confidence in building clean UIs, integrating APIs, and deploying projects professionally using Netlify.

👉 Live App: https://netttflix.netlify.app
👨‍💻 GitHub Repo: https://github.com/abdulhaseebshah/netflix-clone

I’d love to hear what you all think, let me know in the comments!