https://github.com/thegeorgenikhil/flow.vid
A video library made using React
https://github.com/thegeorgenikhil/flow.vid
backend react video
Last synced: 2 months ago
JSON representation
A video library made using React
- Host: GitHub
- URL: https://github.com/thegeorgenikhil/flow.vid
- Owner: thegeorgenikhil
- Created: 2022-04-26T16:32:59.000Z (about 4 years ago)
- Default Branch: dev
- Last Pushed: 2022-05-21T12:31:29.000Z (about 4 years ago)
- Last Synced: 2025-07-02T12:48:45.543Z (12 months ago)
- Topics: backend, react, video
- Language: JavaScript
- Homepage: https://flow-vid.netlify.app/
- Size: 63.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# flow.vid
[](https://app.netlify.com/sites/flow-vid/deploys)
A video library made using React.js and mockBee for the backend.
[Live Link](https://flow-vid.netlify.app/)
# How to run app locally
1. Clone the repo
```
git clone https://github.com/thegeorgenikhil/flow.vid.git
```
2. Install dependencies
```
npm install
```
3. Create a file named .env within the newly cloned repo directory and add the following line:
```
REACT_APP_JWT_SECRET=
```
4. Start the app
```
npm start
```
# Features
- Authentication
- _Login_
- _Logout_
- _Signup_
- Video Listing
- Filter Videos by Category
- Playlist Management
- _create playlists_
- _add videos to playlists_
- _remove videos from playlists_
- _delete playlists_
- Likes Videos
- Remove Liked Videos
- Add watched videos to History
- Watch later
- _add videos to watch later_
- _remove videos from watch later_
- Single Video Page
- Loading & Alerts
# Built Using
- ReactJS
- mockBee - **Mock Backend**
- React Context API + useReducer
- React Router v6
- React Player
- Axios
# Preview
https://user-images.githubusercontent.com/56214901/169651522-ef1f8ca2-65e0-4e5e-a535-05f90aaf08cb.mp4
# Contributing
Pull requests for new features, bug fixes, and suggestions are welcome! Please create an issue for discussion before working on a substantial change.
To contribute to this library:
1. **Fork** the repo on GitHub
2. **Clone** the repo on GitHub
```bash
git clone https://github.com/thegeorgenikhil/flow.css.git
```
3. **Create** a new branch
4. **Commit** your changes to your own branch
5. **Push** your branch to GitHub
6. Submit a **Pull Request** so that we can review your changes