How to run the app locally?

$ git clone https://github.com/anjali1102/leviosa-streams.git
$ cd leviosa-streams
$ npm install
$ npm start

Screens in this projecta

  • Video Listing Page
  • Authentication Page
    • guest login
    • signup
    • login
  • Single Video Page
    • playlist
    • like
  • Playlist Management Page
    • create playlists
    • add videos to individual playlist
    • On Playlist Page
      • Delete individual Playlists
      • Delete videos from Playlists
  • Watch Later Page
  • Watch History Page
  • Liked Videos Page

Features

  • Video Listing Page with options of Watch Later, create new Playlist, add or remove the video from Playlist.
  • Single Video Page - User can like video, add to watch Later, Add/Remove from Playlist. On playing the video, it will be added in watch history.
  • Playlist Management Page, consists of all custom Playlists, user can browse in playlist, delete from playlist.
  • Watch Later Page - User can delete the video from Watch Later.
  • Watch History Page - User can delete the video from Watch History and can even Clear Watch History.
  • Liked Videos Page - User can delete the video from Liked Videos.
  • Alerts in the app to notify the users about success/failure operations.

Tech Stack and Tools

  • React JS
  • React Router v6
  • Redux
  • Vanilla CSS integrated with Rapid UI Component Library
  • Git For Version Control
  • vercel for Deployment
  • React Player

Live Link

Leviosa Streams

Demo Video

image