Skip to content

Devhub || A hub for all popular web development videos. You can find any popular javaScript or react video in this web app.

Notifications You must be signed in to change notification settings

m26unkwn/devhub

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

71 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Devhub || A hub for all dev popular videos.

Devhub is a Video Library App, where users can play binge-watch videos related to cricket.

Authors

Live App link

Technologies used

  • React
  • Redux
  • Javascript
  • CSS
  • Mockbee (for backend)

Features and Functionalities

1. Landing page :

- Banner that navigates to explore page
- Video Listing by Categories
- Trending Videos
- infinite Scrolling

2. Explore Videos page :

- Listing all the videos
- Filter Functionality to filter by:
    - Best Sixes, yorkers, funny moments or catches.
- Sort by Date latest or oldest.

3 Single Video Page:

- React Video Player

4. Playlist Page:

- List all the playlist of the user.
- user can delete playlist from here.
- sub-page which lists all the videos belonging to that playlist,

5 Likes Page:

- List all the videos liked by user.
- user can remove video from likes list

6 Watchlator Page:

- List all the videos user wish to watch later.
- user can remove video from Watchlator list

7 History Page:

 - List all the videos watched by user.
 - user can remove video from History list
 - user can delete all history from history page

8. Sign Up page -

- Input first and last name
- Input email address
- Input Password and verify password by click show password button
- Create new account button
- Already have an account button

9. Login page -

- Input Username
- Input password
- Login button
- Dummy login data preloaded
- Create a New Account button

10. Log out button

11. Responsiveness

- All pages are made responsive with respect to mobile screens with width greater than 320px

12. Channel page

-- user can find ther creator page and all his videos

How to run this app Locally

To run this app locally on your machine, clone the repo to your local machine.

1. `git clone https://github.com/m26unkwn/devhub.git`
2. `cd devh`ub
In the project directory, you can run
3. `npm install`
4. `npm start`

This will start the app in development mode.
Open http://localhost:3000 to view it in your browser.
Make sure you have access to internet to make use of the API call inside the App.


👨‍💻 Lets connect !


About

Devhub || A hub for all popular web development videos. You can find any popular javaScript or react video in this web app.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published