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.
netflix-demo.mp4
- 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.
- 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.
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)
- Clone the repository:
git clone https://github.com/devham23/netflix-clone.git- Navigate to the project directory:
cd netflix-clone- Install the server dependencies:
cd ./server
npm install- 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>- Start the server:
npm start- In a seperate Terminal, navigate to the client directory:
cd ./client- Install the frontend dependencies
npm install- Start the application:
npm start- Access the application with your localhost.
http://localhost:PortNumberYour 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! 🚀