This is a Next.js project bootstrapped with create-next-app.

Netflix

This is a fully responsive full-stack Netflix application built using Next.js for the frontend and NestJS for the backend. The app mimics Netflix's core features like user authentication, movie listings, favorites, and more.

Features

Frontend

• Home Page:
  • Displays a list of movies and series.
  • Each movie card shows a blurred effect on hover with visible movie info and action buttons.
• Authentication:
  • Login/Signup Page located at /auth.
  • User registration and login with backend auth services
• Favorites:
  • Authenticated users can add movies to their favorites.
  • A My List page shows all the user's favorite movies with a minus icon to remove from the list.
• Responsive Design:
  • Includes a mobile menu with navigation links to Home, Series, Movies, New & Popular, and My List.
  • Responsive footer with a link to the developer's GitHub.

Backend

• Authentication:
  • Built with NestJS, allowing users to register and login.
  • Passwords are hashed for security.
  • JSON Web Token (JWT) used for authorization and stored in localStorage on successful login.
• MongoDB Integration:
  • MongoDB Atlas is used as the database for managing users and their favorite movies.
  • The Mongoose ODM (Object Data Modeling) library is used for defining schemas and interacting with MongoDB.

Third-Party API

• OMDb API:
  • Fetches movie and series data based on user input or hardcoded requests.

Deployment Links (Frontend)

• https://netflix-rust-kappa.vercel.app/
• https://netflix-parvsharmaas-projects.vercel.app/
• https://netflix-git-main-parvsharmaas-projects.vercel.app/

Setup Instructions

Installation

1. Clone the repository

2. Frontend Setup:

   1. Navigate to the frontend directory, install dependencies then run it locally.
   2. Access via deployed links.

3. Backend Setup:

   1. Navigate to the backend directory:
   2. Install dependencies
   3. Run the backend server

MongoDB Atlas Connection

This project uses MongoDB Atlas as the Database.

Running the Project

1. Ensure that both the frontend and backend are running.
2. Open the frontend at http://localhost:3000.
3. The backend runs at http://localhost:8080.

Authentication

• POST `/api/auth/register`: Register a new user.
• POST `/api/auth/login`: Login and receive a JWT token and user details.

Future Improvements

• Search functionality for movies and series.
• Improved error handling on the backend.
• Profile management for users.

Author

Developed by Parv Sharma 🚀

Screenshots

Home with dynamic Billboard

Customize your List (Favourites)

Browse from different Genres