Netflix Clone

Screenshots

This project is a full-stack Netflix clone that replicates the streaming platform’s interface and functionality using React on the front end and Node.js with Express on the backend. The front end displays movie thumbnails, trailers, and categories in a responsive layout, styled with HTML, CSS, and React Icons. React-Redux manages state for efficient loading and user interactions, while Axios enables seamless API requests for dynamic content updates. Firebase is used for user authentication, storing login data securely, and supporting user sessions. The backend, built with Node.js, Express, and Mongoose for MongoDB integration, handles user data and watchlists, with CORS ensuring secure data communication. Nodemon streamlines development by updating the server in real time. This project provides a comprehensive learning experience in front-to-back development, state management, and user authentication.

⚙️ Requirements

• Npm
• Express
• Nodejs
• React Icons
• React-Redux
• Firebase
• Mongoose
• CORS
• Nodemon

🛠 Languages or Frameworks Used

Steps to create project and install required module:

step 1: Start the project using the following command in your project folder:

• npm init

🌟 Steps to run the application -

Step 2: Type the following command in terminal of your project directory:

• npm run dev or
• npm start

Step 3: Open your web browser and type the following address in the URL bar:

• http://localhost:3000/ or
• http://localhost:8000/