42_project-hypertube

Overview

💥 Torrent / Streaming web application using React, Redux, NodeJS, ElasticSearch and MongoDB. This is the third and last project of 42 school's web branch.

Demo

Here is a working live demo :

Technology stack

• Front-end: React, Redux
• Framework CSS: No framework!
• Back-end: NodeJs, ElasticSearch, MongoDB

Key concepts

• Single page application
• Front-end framework
• Micro-framework
• Advanced user registration and sign-in (Oauth)
• Data Scrapping
• Video streams
• Search engines
• Security (OWASP 10, XSS, SQL injection, cookie session fixation...)
• Data validation
• UX / UI Design

Key features

• Registration and sign-in
  • User authentification
  • Password reset
• User profile
  • Edit profile pictures
  • Edit user informations
• Research
  • Advanced range sliders to sort and filter movies using ElasticSearch
  • Parsing movies informations and torrents (API - YTS && Popcorn)
• Videos
  • Streaming torrents on the fly
  • Subtitles
• Bonus
  • Oauth strategies
  • RESTful API
  • Video miniature

Possible improvements

• Best practices
  • Code refactoring in back-end
  • UX/UI design on the video player page