Clean YouTube Application

This is a simple youtube playlist application. In this application, user can save various youtube playlists and chronologically play them here. During watching video, user can also take notes. This application will help user from being diverted at the time of learnig what as usual happen while learnig from youtube.

Some interesting and cool features of this application are -

1) User can add new playlist with a playlist id or playlist url
2) User can add their favourite playlist videos to favourite playlist items
3) Recently played playlist will be saved in recent playlist items
4) User can play recently played playlist video from recent playlist items
5) User can delete playlist from their saved playlists
6) There have search facilities. User can search their saved playlists
7) User's watched videos will be tracked. And he can start from where he left.
8) User can refresh their saved playlists
9) User can jump into any video of the playlist and there have back and forward functionalites
10) User can take notes while watching video
11) User can send us their message at the footer section

These are some awesome and cool features and functionalities of this application. Over all the application is cool and looks good and smooth. I have tried my level best to make the application user friendly.

The project is on going. More features and functionalites will be added in future. You are free to share any idea by implementing which the application can be made better.

Features

Adding playlist
Chronologically playing video
Tracking watched video of each playlist
Taking Notes
Responsive design

Tech Stack

These is Front-end application. Tools used in this application are -

Client: React, Vite, Easy-peasy, Material-ui, React-router-dom, emailjs, axios, shortid, jsdoc etc.

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

VITE_YOUTUBE_API_KEY

VITE_YOUR_SERVICE_ID

VITE_YOUR_TEMPLATE_ID

VITE_YOUR_PUBLIC_KEY

Run Locally

Clone the project

  git clone https://github.com/mdsharef/clean-you-tube-application.git

Go to the project directory

  cd clean-you-tube-application

Install dependencies

  yarn add

Start the server

  yarn dev

Build the project

  yarn build

Contributing

Contributions are always welcome!

to contribute fork the repository.

Please adhere to this project's code of conduct.

Used By

This project is used by the following companies:

student
learner

Support

For support, email [email protected]

mdsharef / clean-you-tube-application Goto Github PK