Web Application

Netflix UI Clone Challenge
Nomadcoders Challenge
Movie & TV Info Browser (Powered by TMDB)
[Signature Project]

1. Introduction

Explore your favorite movies and TV shows in a beautifully animated Netflix-style interface built with React!

This project is a fully responsive clone of Netflix's frontend UI (excluding streaming), using TheMovieDB (TMDB) API to fetch dynamic content.

Key Features
  • 2D Carousel Navigation

    Custom-built carousel with smooth drag/swipe and button navigation. Fully responsive and touch-friendly, powered by Framer Motion animation library.

  • Interactive Media Modals

    Click on any poster to open a detailed modal with full metadata, similar & recommended movies/tv-shows, and seamless URL-based navigation (supports browser history)

  • Dynamic Search UI

    Mobile and desktop search experiences are tailored:

    • On desktop: search expands with elegant animations.
    • On mobile: tap to open a modal search overlay.
  • Responsive Design & Clean UX

    Every layout is crafted for mobile, tablet, and desktop with attention to great UX and beautiful animations.

  • Categorized Listings

    Browse "Now Playing", "Popular", "Top Rated", "Upcoming", and more — categorized by both movies and TV shows.

2. Techs

  • Language / Script

  • Library

  • IDE

  • VCS

  • Compiler / Transpiler / Bundler / Build Tool

  • Linter / Formatter

  • Package Manager / Dependency Manager

  • Test

  • Deployment / Process Management / Containerization

  • Etc.

3. Screenshots

© 2025 hansf14. All Rights Reserved.