Skip to content

This is a clone of the Netflix website, built using React, Firebase, Stripe, Redux and other technologies. Containing Login, Home, Signup, Profile screens.

Notifications You must be signed in to change notification settings

Yogeshmalik/netflix-full-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Netflix Full Clone

This is a clone of the Netflix website, built using React, Firebase, Stripe, Redux and other technologies.

Demo

You can view the live demo of the project HERE .

Steps

Click on Getstarted or Sign In button on Home Screen
Enter any email and password and click on Sign up now
Again enter your details and click on Sign In Button
Click on Avatar on top-right corner for account details
Change or Choose plans by clicking Subscribe button
You can use given(4242 4242 4242 4242 04/24 424) fake credit/debit card info for Stripe Payments
Click on Netflix logo on top left corner for the Movies Screen
Trailers are not available for every movie but for a few

GIF View

ezgif com-gif-maker

My blog on this: Full-Stack Netflix Clone

Technologies Used

The following technologies were used to build this project:

React (Frontend library),
Firebase (Backend as a service),
Stripe (Payment processing),
Redux (State management),
React Hooks (Functionality),
Cloud Firestore (Database),
React Router (Navigation),
PropTypes (Type checking),
CSS3 (Styling)

Features

This project includes the following features:

User authentication and registration using Firebase Authentication.
Responsive design using CSS3 and React Hooks.
Integration with the Stripe API for payment processing.
Integration with Cloud Firestore for storing data.
Redux for state management.
React Router for navigation.
PropTypes for type checking.

Installation and Usage

Clone the repository to your local machine using git clone https://github.com/Yogeshmalik/netflix-full-clone.git
Navigate to the project directory using cd netflix-full-clone
Install the dependencies using npm install
Start the application using npm start
Open http://localhost:3000 to view the app in your browser.

Credits

This project was created by Yogesh Malik as part of a personal project to improve his skills in HTML, CSS, JavaScript, and ReactJS. The project was inspired by the Netflix platform and uses publicly available API data from The Movie Database (TMDb) to populate the content.

Conclusion

This project is a full clone of the Netflix website, built using React and other technologies. It includes several features such as user authentication, Stripe integration for payment processing, and Cloud Firestore for data storage. The project also uses Redux for state management and React Router for navigation. Please feel free to contribute to the project by creating pull requests or by reporting any issues you encounter.

Home screen Login screen Movies Screen Account Screen

About

This is a clone of the Netflix website, built using React, Firebase, Stripe, Redux and other technologies. Containing Login, Home, Signup, Profile screens.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published