Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/muhammadunaisak/clonenetflix
Simple react netflix clone using tmdb api
https://github.com/muhammadunaisak/clonenetflix
Last synced: 3 days ago
JSON representation
Simple react netflix clone using tmdb api
- Host: GitHub
- URL: https://github.com/muhammadunaisak/clonenetflix
- Owner: muhammadunaisak
- Created: 2021-05-29T01:56:41.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-10-26T17:24:40.000Z (about 1 year ago)
- Last Synced: 2023-10-26T18:31:29.033Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://muhammadunaisak.github.io/clonenetflix/
- Size: 386 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Netflix Clone using React and TMDB API
## Table of Contents
- [Overview](#overview)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Setup](#setup)
- [How to Use](#how-to-use)
- [API Key](#api-key)
- [Contributing](#contributing)
- [License](#license)
## Overview
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.
## Features
- 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.
## Technologies Used
- **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.
## Setup
To run this Netflix clone project locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/yourusername/netflix-clone.git
```
2. Change into the project directory:
```bash
cd netflix-clone
```
3. Install the required dependencies:
```bash
npm install
```
## How to Use
1. Obtain an API key from the [TMDB website](https://www.themoviedb.org/documentation/api) by signing up for a free account.
2. Create a `.env` file in the project root and add your TMDB API key:
```
REACT_APP_TMDB_API_KEY=your-api-key-here
```
3. Start the development server:
```bash
npm start
```
4. Open your web browser and navigate to `http://localhost:3000`.
## API Key
You will need an API key from TMDB to access their database. Please sign up on the [TMDB website](https://www.themoviedb.org/documentation/api) to obtain your API key.