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.
- 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
- 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
This project helped in understanding:
- React hooks like
useStateanduseEffect - API data fetching and error handling
- Conditional rendering
- Component reusability
- Responsive design and media queries
-
Clone the repository:
git clone https://meti21.github.io/Netflix-clone-2024/ cd netflix-clone -
Install dependencies: npm install
-
Run the project: npm start
This project is deployed using [github]. To deploy: npm run deploy
Movie data provided by TMDb API
UI inspired by Netflix
This project is licensed under the General License.