This project is a Netflix clone built using React that leverages the TMDB API to fetch movie and TV show data. It provides a user-friendly interface for browsing and viewing movie details, making it an excellent practice project for React developers interested in building applications with API integrations.
- Browse a list of popular movies and TV shows.
- View movie details, including the title, description, rating, and release date.
- Watch trailers for selected movies and TV shows.
- Search for specific movies or TV shows.
- Responsive design for a seamless viewing experience on various devices.
- React: The JavaScript library used for building the user interface.
- TMDB API: The API used to fetch movie and TV show data.
- Axios: A library for making HTTP requests to the TMDB API.
- React Router: Used for creating the navigation structure of the application.
- HTML & CSS: For structuring and styling the app.
- Responsive Design: Ensures the app looks and works well on both desktop and mobile.
To run this Netflix clone project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/yourusername/netflix-clone.git
-
Change into the project directory:
cd netflix-clone
-
Install the required dependencies:
npm install
-
Obtain an API key from the TMDB website by signing up for a free account.
-
Create a
.env
file in the project root and add your TMDB API key:REACT_APP_TMDB_API_KEY=your-api-key-here
-
Start the development server:
npm start
-
Open your web browser and navigate to
http://localhost:3000
.
You will need an API key from TMDB to access their database. Please sign up on the TMDB website to obtain your API key.