Netflix Clone

Overview

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.

Video Demonstration

Watch a demo of the project here

Table of Contents

• Project Description
  • Technologies and tools
• Usage
  • Getting Started
  • Running the Application
• Additional Information
  • Contributing
  • Contact
  • Acknowledgments
  • License

Project Description

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.

Technologies and Tools

• 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.

Usage

Getting Started

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.

Installation

1. Clone the Repository:

git clone https://github.com/yourusername/netflix-clone.git
cd netflix-clone

2. Install dependencies:

   npm install

3. Create a .env file in the root directory and add your TMDb API key:

REACT_APP_TMDB_API_KEY=your_tmdb_api_key

Running the Application

1. Start the development server:

   npm start

2. Open your browser and go to http://localhost:3000 to see the application in action.

Additional Information

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request.

Contact

If you have any questions or suggestions, feel free to reach out:

• Email: ArbelAmram@gmail.com

Acknowledgments

• Resources: Badges

License

This project is licensed under the MIT License. See the LICENSE file for details.