PlayTube

🗂Table of contents

• Introduction
• Specifications
• User Stories
• Screens
• Steps to run app
• Connect With Me

🧶Introduction

PlayTube is a video library application where you can enjoy videos from differenct categories. It has all the P0 features required for a functional video library app and is to be added with more features in the coming days.

🔧Specifications

• This project was bootstrapped with MockBee CRA template
• Language used : React

🔍User Stories

Home Page

• Users can see a landing page with a list of featured categories
• On clicking on any one of the categories the videos listed on the home page will be filtered based on the category

Liked Videos

• Video can be liked from single video page and liked videos can all be seen at liked videos page
• Video can be removed from liked videos

Watch Later

• User can add or remove a particular video to watch later from either a video listing page or from a single video page

Playlists

• New playlist can be created
• Playlist can be deleted
• Videos can be added / removed from playlist

History

• When user views a particular video, it'll be added to history
• Has "Clear full history" which will clear all the history at once

Login Page

• User can login using email and password or login using guest credentials
• User can logout and session is completed post logout

SignUp Page

• User can sign-up using email, first name, last name, password
• A hide-show icon button that shows or hides the password

💻Screens

Home Page

Liked Videos

Watch Later

Playlist Management

History

Login

SignUp

🧩Steps to run app

• clone the repository into your machine

$ gh repo clone samyukthasudhakar/PlayTube-Video-Library

• cd into the folder

$ cd PlayTube-Video-Library

• install all the dependencies

$ npm install

• create a .env file in the root folder of the repo and store the following

REACT_APP_JWT_SECRET=7300

• start the app

$ npm start

👩🏽‍💻Connect with me