Table of Contents
Shuttle motion is a video library where you can watch all badminton related videos. From tutorials to match highlights to players interviews. Shuttle motion is built using react, shuttle UI, react-router and mockbee as a mock backend.
You need to have node js and react installed on your local to run this app.
Clone the repository on your local machine by typing the below commands on your terminal and cd to shuttle-motion.
git clone https://github.com/Maianki/ShuttleMotion-Video-Library.git
cd shuttle-motion
Install the necessary dependencies.
npm install
Shuttle motion uses mockbee's mockbackend. Since, we are working with mock backend servers. We need to give our mock backend access to the JWT secret key. So, for that, go ahead and create a .env file in your root directory of the app and add the below code in it:
REACT_APP_JWT_SECRET = <JWT_SECRET_KEY_OF_YOUR_CHOICE>
Now to run the app write the following command in your terminal:
npm start
This should run the app on localhost:3000.
npm start
- User see a video listing page where all the videos are listed.
- User can filter videos based on category selected in video listing page.
- User can add video to a playlist or watch later from video listing page.
- Whenever user watch a video it is added to the history page
- User can remove a specific video or all videos from history page.
- User can like a video from a watch page
- User can remove particular video from watch page
- User can add a video to watch later
- USer can remove a specific video from the Watch Later
- user can create a new playlist
- user can add and remove video from paritcular playlist
- user can delete exsisting playlist
- User can do a guest login
- User can Log In/Log Out with existing credentials
- User can sign up by if they are new to website
If you have any feedback, please reach out to me at Twitter