Skip to content

kotesh-arya/Video-library-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Play button for Stream star
Stream Star

A Video Streaming Web Application

About Stream Star

  • Stream Star is a platform where you can binge-watch your favourite videos online.
  • In this App, users can view videos based on different categories such as Hollywood, Bollywood, Tollywood and Kollywood.
  • Additionally I have implemented various features such as create a Playlist for your customised category, History for videos you have watched earlier.

Live Deployment

Checkout the live deployment here: Stream Star

Screenshot (334)

Features

  • Home Page (public page), with navigation bar, header image, and various categories of Videos. User can easily view videos based on selected category, create a playlist by adding them to it.
  • Video Listing Page (public page), with various categories which Filters Videos based on Language.
  • Single Video Page, (public page) - from this page User can add vieo to an existing playlist, view detailed video description along with Video Details and related videos.
  • History Page, (private page), consists of all Videos watched earlier. History Page will only open if the user is logged In.
  • Liked Videos Page - User can view all of his liked videos from this page
  • 404 Page - Added 404 Page Not Found.
  • Added Responsiveness for nearly all devices from 350px onwards 🎉
  • Loaders & Alerts: Loaders are added when products are fetching, React Toastify is used for alerts message
  • Note:- 'Public Page'- Opens without Authentication, 'Private Page' - Opens only if user is Authenticated otherwise opens Login Page.

Tech Stack and Tools

  • Handy UI for CSS and Components.
  • React JS
  • React Router v6
  • React Context API + useReducer
  • Backend setup using MockBee
  • Used Async Await and Axios for API Request Calls.
  • Netlify for Deployment
  • React Toastify for alerts.

Issues & Suggestions

  • If you face any issues while using the app, then you can surely raise issue on this repo.

  • You can also give your valuable suggestions/ feedback to improve this project via Twitter DM.

Connect with me: