An open API service indexing awesome lists of open source software.

https://github.com/wasifbaliyan/protube-client

A youtube clone app builit using React, Node, Material UI, Redux etc.
https://github.com/wasifbaliyan/protube-client

express jwt jwt-authentication material mongodb node reactjs redux ui youtube

Last synced: 3 months ago
JSON representation

A youtube clone app builit using React, Node, Material UI, Redux etc.

Awesome Lists containing this project

README

        

![Logo](https://res.cloudinary.com/dnboldv5r/image/upload/v1635615714/protube/protube-dark_fi8kvn.png)
A youtub clone app built using ReactJS, Material UI, Redux, react router etc

## Tech Stack

**Client:** React, React Router, Material UI, Redux and React Router etc

**Server:** Node, Mongodb, express, JWT etc.

## Screenshots

![App Screenshot](https://res.cloudinary.com/dnboldv5r/image/upload/v1635615620/protube/Screenshot_from_2021-10-30_23-08-20_mvdtqw.png)

![App Screenshot](https://res.cloudinary.com/dnboldv5r/image/upload/v1635615617/protube/Screenshot_from_2021-10-30_23-08-40_esgzfg.png)

![App Screenshot](https://res.cloudinary.com/dnboldv5r/image/upload/v1635615626/protube/Screenshot_from_2021-10-30_23-09-20_lognfz.png)

## Features

- Video list from api
- video details page
- filters by categories
- Authentication
- dark mode only

## Demo

Live app link: https://protube.netlify.app/

## Run Locally

Clone the project

```bash
git clone https://github.com/wasifbaliyan/protube-client.git
```

Go to the project directory

```bash
cd protube-client
```

Install dependencies

```bash
npm install
```

Start react app

```bash
npm start
```

## Authors

- [@wasifbaliyan](https://www.github.com/wasifbaliyan)

## 🚀 About Me

I'm a full stack Javascript Developer. I Love to build beautiful and scalable web apps.

## 🔗 Links

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://wasifbaliyan.com/)
[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/wasifbaliyan)
[![twitter](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/wasifbaliyan)

## Badges

[![MIT License](https://img.shields.io/apm/l/atomic-design-ui.svg?)](https://github.com/tterb/atomic-design-ui/blob/master/LICENSEs)

## Roadmap

- Search

- Playlists

## Support

For support, email [email protected]

## Feedback

If you have any feedback, please reach out to me at [email protected]