This is a Netflix clone built using React and Vite, designed to replicate the look and feel of the popular streaming platform. The app fetches movie and TV show data using the TMDB API and displays various categories of films with interactive features.
- Dynamic Movie Lists: Fetches and displays movies and TV shows from the TMDB API, organized by genres.
- Interactive UI: Hover effects and clickable posters for an engaging user experience.
- Video Playback: Plays trailers via YouTube integration when you click on a movie poster.
- Responsive Design: Optimized to work seamlessly on different devices and screen sizes.
- React: For building the user interface.
- Vite: For a fast development environment and optimized production builds.
- Axios: To handle API requests.
- TMDB API: To fetch movie and TV show data.
- YouTube API: To play movie trailers.
- Clone this repository:
git clone <your-repo-url>
- Navigate to the project folder:
cd netflix-clone - Install dependencies:
npm install
- Add your TMDB API key directly in the code where the
API_KEYis defined (usually inconstants.jsor similar). - Start the development server:
npm run dev
- Open the app in your browser at the URL provided by Vite (e.g.,
http://localhost:5173).
To create an optimized production build, run:
npm run buildThis project was created as a learning exercise to explore React development, API integration, and YouTube embedding while mimicking the Netflix UI.