Welcome to the Netflix Clone React App! This project is a front-end clone of the popular streaming service Netflix, built using React. It features a responsive user interface with various sections showcasing different categories of movies and a banner section highlighting a random movie from Netflix Originals.
- Fetches movie data from The Movie Database (TMDb) API.
- Displays Netflix Originals, Trending Now, Action, Comedy, Horror, Romance, and Documentaries categories.
- Banner section with a randomly selected movie from Netflix Originals.
- Responsive navigation bar with Netflix logo and user avatar.
- Hover effects on movie posters and buttons.
Follow these steps to get started with the Netflix Clone React App:
- Node.js and npm installed on your machine.
-
Clone the repository to your local machine.
git clone https://github.com/bharatbhusal/netflix-clone.git
-
Navigate to the project directory.
cd netflix-clone
-
Install the project dependencies.
npm install
The project structure is organized as follows:
src/
: Contains the source code of the React app.App.js
: The main React component that renders the Netflix Clone app.index.js
: Entry point for rendering the React app.App.css
: Stylesheet for styling the components.images/
: Directory containing image assets used in the project.utils/
: Utility functions, includingvalidateEnv
for handling environment variables.
-
After installing the dependencies, start the development server.
npm start
-
Open your browser and navigate to http://localhost:3000.
-
Explore the Netflix Clone React App and enjoy the movie categories and banner section!
Feel free to customize the project to suit your preferences. You can update the API key, base URL, and other environment variables in the validateEnv
utility. Additionally, you can modify the styles in the App.css
file to change the look and feel of the app.
Contributions are welcome! If you find any issues or have improvements to suggest, please open an issue or submit a pull request.