Skip to content

Shrey-Srivastava21/HyperTube

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

13 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎬Microsoft Certified Project | Code Base - HyperTubeπŸ“½

HyperTube - 🎬Movie Recommendation system using πŸ–₯ML and πŸ–MERN(MongoDB, Express JS, Node JS, React JS).

Movie Recommeded System

Submission for Microsoft Engage 2022🌟

Landing Page of WebsiteπŸ“Œ

Screenshot (247)

Features and Interfaces

1. Login & Sign Up Landing Page along with email authentication and verification

  • Seamless landing page where user can log into his account, with remember me feature implemented using web tokens Screenshot (221)

  • Log In page Screenshot (251)

  • Edit Profile and Password according to user choice Screenshot (253)

  • Email Verification for security purpose Screenshot (254)

2. Recommendation with advanced filter & train dataset models with Microsoft Bing Lens(Virtual Search) functionality

  • Recommend Movies based on user interest genres, filter movies by year Screenshot

  • Search cast in movies using Microsoft Bing Lens Screenshot (245)

3. You can add movies in watchlist section so that you will watch it later

  • Add movies in watchlist so that it will store that movie info in your favorite(watchlist) section Screenshot (238)

4. Filter Movies according to genre, year and user rating

  • Show movie by filtering through genre, year released and user rating Screenshot (234)

  • 19 different genres based on the user mood and you can reset filters for previous results Screenshot (236)

5. Recommended and Similar Movies

  • Based on user interest and previous history it shows recommended and similar movies Screenshot (228) Screenshot (230)

6. Dedicated/embedded video trailer for every movie according to the user interest

  • Through video trailer user gets idea about story, genre and cast relativity through web app with the help of embedded video trailer. Based on this it will recommend movies after watching appear on the search bar Screenshot (232)

  • You can watch movie trailer in mini player mode as well Screenshot (241)

7. Real time comment section, likes and dislikes section about movie

  • Share opinions about the movie you watched, likes and dislikes based upon you experience(User Specific) Screenshot (243)

Tech Stack(Tools and Languages)πŸ†

HTML5 CSS3BootstrapJavaScript

ReactRedux NodeJS Express.jsMongoDB

PythonNumPy PandasFlaskJupyter Notebook

HerokuGoogle Cloud

Git GitHub

Instructions

  1. git clone https://github.com/Shrey-Srivastava21/movie.git

  2. Install node dependencies

    • npm install
  3. Install client dependencies

    • cd ./client
    • npm install
  4. Replace API keys, and other secrets with your configurations

  5. Start the server by moving into server directory by:

    • cd ../server
    • node index.js
  6. npm run start

  7. The app is now running at http://localhost:3000/landing

Features

This app contains several features:

  1. Login & Sign Up forms along with email authentication and verification
  2. Show Recommended and similar movies according to the user interest by fetching data from train dataset model
  3. Searching and filtering any film by year or genre
  4. Trailer videos embedded
  5. Liking, commenting and selecting favourite films options for registered users only
  6. English(US) and French translations available
  7. Desktop and Mobile-friendly

Functions

This app contains several functions:

  1. Encrypting the password to protect user privacy(2AuthSecurity)
  2. Implementing persistent session using web token
  3. Fast and tested UI with single page application developed using MERN
  4. Predicts and filter the movie as per the user's behaviour and track all user activity for future recommendations using collaborative algorithm with cosine similarity

Useful Links

Need help?

Feel free to contact me on
Β Β Β 


if (youEnjoyed) {

    starThisRepository();
}