Skip to content

Video library to view baking recipes(video) built using ReactJS, Mockbee APIs, RocketUI component library and react router.

Notifications You must be signed in to change notification settings

prachi-sahani/video-library

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

63 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CakeTube

Table of contents

About CakeTube

CakeTube - a video library for wholesome, healthy and super delicious baking recipes.

Features and demo

  • Home - houses all the categories.
  • Videolisting - all videos at one place. Users can
    • view and like videos
    • add videos to watch later(only after logging in)
    • create playlist and add video to it(only after logging in)
    • add or remove videos from playlist(only after logging in)
    • filter videos based on category
  • Playlist Management - list of playlists created by user including watch later playlist. This feature requires user to be logged in. Users can
    • view list of playlists created by them
    • view particular playlist and videos in it
    • delete a particular video from playlist
    • delete complete playlist
  • Watch later - list of videos added to watch later by the user(requires user to be logged in). User can remove videos from watch later.
  • Liked Videos - list of videos liked by the user(requires user to be logged in). User can remove video from liked videos.
  • History - list of videos watched by user when logged in(requires user to be logged in). User can remove video from watch history.
  • Authentication - As of now user can login as guest only and logout. Feature signup and login using own credentials will be added in near future.
  • Detailed video page - view particular video. USer can:
    • view and like particular video
    • add that video to watch later
    • create playlsit and add video to it
    • view list of other videos

Demo: ezgif com-gif-maker (7) caketube- second demo caketube- third demo

Technologies and libraries used

Highlights

  • Responsiveness - This app is completely responsive and can be accessed in all kind of devices.
  • Proper messages for error/exception handling across the application
  • Use of loader to show status of tasks

Pre-requisites and project setup(in local)

Step 1

Install NodeJs(if not already installed)

Step 2

Clone dev branch of this repo to local using:

 git clone https://github.com/prachi-sahani/video-library.git -b dev

Step 3

Go into the project folder

 cd project-name 

Step 4

Install all the npm packages

 npm install 

Step 5

Run the application using:

 npm start 

The application runs on localhost:3000

Let us connect

   

About

Video library to view baking recipes(video) built using ReactJS, Mockbee APIs, RocketUI component library and react router.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published