Netflix Frontend Clone 🎥🎬📺

Welcome to my Netflix Frontend Clone! This Application allows users to browse through collections, look up movie details and save specific movies to their account.

Demo/Preview

netflix-demo.mp4

Features

• User Authentication: User can sign up and log in securely using their email and password.
• Movie Catalog: Browse through a vast catalog of the latest movies.
• User Profiles: Save favorite movies to your profile.
• Responsive Design: Fully responsive application, which works on various devices and screen sizes.
• Secure and Scalable: User data is securely stored in a database, making it easy to scale the application.

Technologies Used

• React JS: A JavaScript library for building user interfaces.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• Framer Motion: A animation library for React for smooth and beautiful animations.
• Node.js: A JavaScript runtime enviroment for building server-side applications.
• Express.js: A web application framework for Node.js.
• MongoDB: A NoSQL database for storing user data and preferences.
• JSON Web Tokens(JWT): Used for secure user authentication and authorization.
• TMDB AP(The Movie Database API): Provides movie data for the catalog.

Getting Started

Before you begin, ensure you have met follwoing requirements:

• Node.js is installed on your local machine.
• Mongo DB database is set up. There are multiple services for implementing MongoDB into your project, I used the "Atlas" service for this application (you can use a local or cloud-based instance)

Installation

1. Clone the repository:

git clone https://github.com/devham23/netflix-clone.git

2. Navigate to the project directory:

cd netflix-clone

3. Install the server dependencies:

cd ./server
npm install

4. Set up environment variables: Create a .env file in the server directory and add following variables:

MONGODB_URI=<Your mongodb connection sring/uri>
JWT_SECRET_KEY=<Your secret key for JWT>

5. Start the server:

npm start

6. In a seperate Terminal, navigate to the client directory:

cd ./client

7. Install the frontend dependencies

npm install

8. Start the application:

npm start

9. Access the application with your localhost.

http://localhost:PortNumber

Improvement/Feedback

Your feedback and suggestions to improve this Netflix Clone project is more than welcome. Here are some ways you can contribute:

• Enhance UI/UX: Provide feeback on the user interfaces and suggest improvements for a better user experience.
• Bug Reports: If you encounter any issues or bugs, please report them in the Github issues section.
• Feature Requests: Share your ideas for new features or enhancements.
• Security: Report security vulnerabilities or concerns.

Feel free to open Github issues or reach out with your feedback and contributions. I appreciate your support in making this project even better.

Happy Coding! 🚀