Skip to content

Parul1606/Netflix

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Netflix

Project Overview

This project is a full-stack Netflix Clone built using modern web technologies. It provides users with the ability to browse movies, and enjoy seamless video playback. The backend is powered by Express.js and MongoDB, while the frontend is built with React, Redux, Tailwind CSS, and Material UI for a highly responsive and intuitive user interface.

Features

  • User Profiles with Search Functionality: Users can create and manage their profiles, and utilize the search feature to find movies.
  • Movie Search: Users can search for movies from a dynamic database.
  • Seamless Video Playback: Integrated video streaming for smooth playback of selected content.
  • Responsive Design: The application is optimized for different screen sizes, using Tailwind CSS and Material UI.
  • State Management with Redux: Efficiently handles state and API data fetching.

Tech Stack

Frontend:

  • React.js: For building a dynamic and efficient user interface.
  • Redux: For state management, handling user data, movie search, and recommendations.
  • Tailwind CSS: For building a responsive, mobile-first UI.
  • Material UI: Used for additional UI components and styling.

Backend:

  • Express.js: Backend framework for building RESTful APIs.
  • MongoDB: Database for storing user profiles.

Tools:

  • Git: Version control for efficient collaboration.
  • VS Code: Code editor.

Installation and Setup

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/your-username/netflix.git
  2. Navigate to the project directory:

    cd netflix-clone
  3. Install dependencies for both the frontend and backend:

    npm install
  4. Set up environment variables:

    • Create a .env file in the root directory for the backend.
    • Add MongoDB URI and other relevant API keys.
  5. Start the backend server:

    npm run dev
  6. Start the frontend using Vite:

    npm run dev
  7. Visit the application:
    Open your browser and navigate to http://localhost:5174 for the frontend.

Future Enhancements

  • Adding a subscription feature for premium content.
  • Multi-language support.
  • More robust movie filtering and sorting options.

Contributing

Contributions are welcome! If you'd like to improve this project, please fork the repository and create a pull request.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published