A Netflix clone built with ReactJS that allows users to browse and watch trailers of popular movies and TV shows. The application uses the TMDb API to fetch data and react-youtube
to play movie trailers.
Watch a demo of the project here
This project is a simple clone of Netflix, focusing on the front-end aspect of the application. It showcases the use of ReactJS hooks (useState
and useEffect
), Axios for API requests, and integrates YouTube trailers using react-youtube
and movie-trailer
libraries. The application allows users to browse through different categories of movies, view details, and watch trailers.
- ReactJS: A JavaScript library for building user interfaces.
- useState: A React hook for managing state in functional components.
- useEffect: A React hook for performing side effects in functional components.
- Axios: A promise-based HTTP client for making API requests.
- react-youtube: A React component to embed YouTube videos.
- movie-trailer: A library to find movie trailers on YouTube.
- CSS: Styling the components.
To get a local copy of this project up and running, follow these steps.
Prerequisites:
- Node.js and npm installed on your machine.
- A TMDb API key.
- Clone the Repository:
git clone https://github.com/yourusername/netflix-clone.git
cd netflix-clone
-
Install dependencies:
npm install
-
Create a
.env
file in the root directory and add your TMDb API key:
REACT_APP_TMDB_API_KEY=your_tmdb_api_key
-
Start the development server:
npm start
-
Open your browser and go to
http://localhost:3000
to see the application in action.
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request.
If you have any questions or suggestions, feel free to reach out:
- Email: ArbelAmram@gmail.com
- Resources: Badges
This project is licensed under the MIT License. See the LICENSE file for details.