A video library in which you can browse multiple videos, like then, save them to watch later or playlist and even whatever video you will watch your history will also be recorded.
Live Preview: gimesto-play.vercel.app
- Authentication: Login and SignUp functionality
- Auth state persistance using cookies
- Private and public routes: Private routes accessible only on login
- Mock backend using Mirage JS and Mockman API.
- React: useContext, useReducer, useEffect, useState, custom hooks, functional components
- Liked Videos page user can like any vide0
- Watch later: video can be saved to watch later
- History: Every video you watch will be stored in history page
- Playlist You can create new playlist and add videos to them.
- Custom loaders: for loading state you will be able to see custom loader on waiting screen.
- Video search functionality
- User profile page
- Forgot password page.
- React.js : v17.0.2
- React router: v6.2.2
- Axios : v0.21.4
- Mirage js : v0.1.41
- JWT : v8.5.1
- Gimesto Component library (developed by me)
- Clone the repo:
$ git clone https://github.com/vrx29/gimesto-play.git- Switch to
devbranch:
$ cd gimesto-play
$ git checkout dev- Install required node modules:
$ npm install- Create a .env file at the root folder create a SECRET KEY
REACT_APP_JWT_SECRET=radomkey- Start the dev server:
$ npm start
or
$ yarn startOpen the localhost:3000 link in the browser.
🚀 Tools and Stack Used
👨💻 Connect with me
