Skip to content

Aman-Jain1996/Knight-Studio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

logo

Knight Studio

Are you also a movie fan? Presenting you with Knight Studio ,a Video Library application where you can watch different movies based out of different categories.

How to run the app locally?

$ git clone https://github.com/Aman-Jain1996/Knight-Studio.git
$ cd Knight-Studio
$ npm install
$ npm start

Screens in this project

  • Landing Page
  • Video Listing Page
  • Authentication (Login, Signup and Logout) Pages
  • Single Video Page
  • Playlist Management Page
  • Watch Later Page
  • Watch History Page
  • Liked Videos Page
  • 404 (Not Found) Page

Features

  • Landing Page with Featured Categories. User can navigate to video listing page by selecting category.
  • Video Listing Page with options of Watch Later and like video. Filter videos based on category.
  • User can search for videos using serach functionality.
  • Single Video Page - User can like video, add to watch Later, Add/Remove from Playlist.
  • Playlist Management Page, consists of all custom Playlists, user can browse in playlist, delete video from playlist and delete 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
  • React Context API + useReducer
  • Vanilla CSS integrated with Knight's Watch UI Component Library
  • Git For Version Control
  • Netlify for Deployment
  • Cloudinary for Image Hosting of Video Thumbnails

Live Link

Knight Studio