https://github.com/gautamsh30/vegaverse

VegaVerse: Netflix Clone
https://github.com/gautamsh30/vegaverse

bcrypt expressjs jwt mongodb mongoose nodejs reactjs redux tailwindcss

Last synced: 16 days ago
JSON representation

VegaVerse: Netflix Clone

• Host: GitHub
• URL: https://github.com/gautamsh30/vegaverse
• Owner: GautamSh30
• Created: 2024-09-07T20:56:35.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-09-19T17:34:21.000Z (about 2 months ago)
• Last Synced: 2024-10-10T14:24:55.325Z (about 1 month ago)
• Topics: bcrypt, expressjs, jwt, mongodb, mongoose, nodejs, reactjs, redux, tailwindcss
• Language: JavaScript
• Homepage: https://vegaverse.onrender.com/
• Size: 6.23 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
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

```bash

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

```shell

npm run build

```

### Start the app

```shell

npm run start

```