Skip to content

GautamSh30/VegaVerse

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

VegaVerse: Netflix Clone

VegaVerse is an immersive video streaming platform that replicates the seamless experience of Netflix with a vast library of movies, series, and documentaries. Built using a state-of-the-art tech stack, VegaVerse offers users a smooth and personalized viewing experience, complete with secure authentication, dynamic content delivery, and efficient video streaming. Scalable and intuitive, VegaVerse allows users to discover and enjoy content across all devices effortlessly.

Features and Tech Stack

  • Secure Authentication: Implemented JWT-based authentication with Bcrypt.js password hashing, ensuring robust user account protection and secure sessions.

  • Responsive Design: Crafted a fully responsive UI using Tailwind CSS, providing a seamless viewing experience across all devices, from desktops to mobile phones.

  • Comprehensive Content Management: Integrated APIs to fetch and display a wide selection of movies and TV shows. Users can search for actors and titles, watch trailers, and receive personalized content suggestions.

  • Enhanced User Experience: Enabled features such as adding/removing items from watchlists, viewing search history, and getting recommendations for similar content based on preferences.

  • Essential Platform Pages: Developed key pages including an engaging landing page, homepage, login/register page, user dashboard, individual movie/TV series pages, "New & Popular" section, and personalized "MyList" page.

  • Efficient State Management: Utilized Redux for streamlined state management, ensuring a smooth and consistent user experience throughout the application.

  • Dynamic Content Rendering: Implemented conditional rendering to tailor content and features based on user interaction and authentication status, enhancing personalization.

Tech Stack

  • Frontend: React, Redux

  • Backend: Node.js, Express.js

  • Authentication: JWT (JSON Web Tokens)

  • Database: MongoDB

  • CSS: Tailwind CSS

Setup .env file

PORT=5000
MONGO_URI=your_mongo_uri
NODE_ENV=development
JWT_SECRET=your_jwt_secre
TMDB_API_KEY=your_tmdb_api_key

Run this app locally

npm run build

Start the app

npm run start