Ampere-Videos - A Video Library

Table of contents

• About Ampere-Videos
• Features and demo
• Technology and libraries used
• Pre-requisites and project setup(in local)
• Highlights
• Let us connect

About Ampere-Videos

Ampere-Videos - a video library for some good songs

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

Technologies and libraries used

• ReactJS
• Mockbee APIs
• AmpereUi Component Library
• React Router

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/FarhanMobashir/ampere-videos -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