Netflix Clone Built Using React.JS

This is a clone of Netflix website built using React.JS. The project showcases a responsive UI with a navigation bar, interactive movie sections, and dynamic movie cards. It utilizes TMDB as the movie database and incorporates React Router, Hooks, and CSS Modules for efficient development.

Homepage

The Home Page consists of 5 main sections:

1) Navbar, which includes:

• Netflix Logo
• Home button
• My list
• Search bar

2) Featured movie, which includes:

• Poster of the featured movie
• Name of the featured movie
• Play button
• More info button

2) Movies Slides: It's a slideshow showcasing a movie. It includes 4 section

• Recommended
• Action
• Sci-fi
• Comedy

3) Movie Card: It's an image representing the movie, when you hover over it enlarges and it will show its card-like feature.

Database used

The Movie Database

Technology Used

I have built this project using the following tools & techniques:

• React.JS
• React Router.
• React Hooks.
• useState.
• useEffect.
• JSX.
• CSS Modules.
• VSCode.
• Github Actions.
• Github Pages.

Possible Improvements

• Search page
• Using a Machine Learning model to update the Recommended movie section

How to run

With the terminal available, follow the instructions below:

# Clone the repository
$ git clone https://github.com/danish1804/Netflix_Clone

# Access the netflix-clone-reactjs folder
$ cd netflix-ui

# Install dependencies
$ npm install

# Start application
$ npm start

# Application running on port 3000