- Learning Hub is a video-library platform for the ones who love coding or for the people who want to get started with coding, all curated in one place.
- ReactJS
- React Context API + useReducer
- React Router v6
- Kolpotoru Component Library
- Mockbee for backend
Home Page:
- On this page, users can see all the videos and can watch the video by clicking on them. User can:
- Apply different filters for videos
- Search for any video
- Can create a playlist and add a video in it
- Can add video in watch later
Single Video Details Page
-
After a user clicks on any video in video listing page, it will navigate to this page, where user can:
- Watch the video
- Can like the video
- Can add the video into watch later
- Add the video to the playlist
- Can create a playlist
Playlist Management
-
On this page user can view all the playlists.
-
On clicking on any one, it will show all the videos of that playlist, where user get option to:
- Delete the playlist
- Remove the particular video from playlist
Watch later
- Users can add any video into watch later if a video is already in watch later then the user can remove it.
Like video
- Users can like any video, if the video is already liked then the user can remove it from the liked videos.
History
- Once the user watches the video it gets added to watch history. On the history page, the user can clear all history.
Authentication
- Learning Hub also has Login, Signup and Logout feature
- For Signup, password validation is done for the fields.
Learning Hub(https://learning-hub-library.netlify.app/)
learning-hub.mp4
$ git clone https://github.com/ranitasahaa1230/learning-hub-library.git
$ cd learning-hub-library
$ npm install
$ npm start
