Skip to content

meti21/Netflix-clone-2024

Repository files navigation

Netflix Clone 🎬

A fully responsive Netflix clone built with React, showcasing movies and TV shows using The Movie Database (TMDb) API. Users can view categorized movie rows, click to watch trailers, and enjoy a Netflix-style UI.

🚀 Live Demo

🔗 View the deployed site here

🛠️ Features

  • Dynamic movie rows with hover effects
  • Trailer popup with YouTube integration
  • Responsive UI with collapsible navbar
  • TMDb API integration for real-time content
  • Scrollable carousels and poster previews

⚙️ Technologies Used

  • React
  • Axios for API requests
  • movie-trailer + react-youtube for trailers
  • React-Bootstrap for responsive navbar
  • CSS modules for custom styling
  • TMDb API for fetching movie data

🧠 Learning Goals

This project helped in understanding:

  • React hooks like useState and useEffect
  • API data fetching and error handling
  • Conditional rendering
  • Component reusability
  • Responsive design and media queries

📂 Folder Structure (Simplified)

📦 Installation

  1. Clone the repository:

    git clone https://meti21.github.io/Netflix-clone-2024/
    cd netflix-clone
  2. Install dependencies: npm install

  3. Run the project: npm start

🌐 Deployment

This project is deployed using [github]. To deploy: npm run deploy

📌 Credits

Movie data provided by TMDb API

UI inspired by Netflix

📃 License

This project is licensed under the General License.

About

React Netflix 2024 Clone

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors