Introduction
Clean YouTube is a platform designed for users who want to learn from YouTube without any distractions. This app allows users to watch playlists without being interrupted by suggested videos or other distractions. Clean YouTube has four main sections: Home, Playlists, Favorite, and Recent. In this documentation, we'll describe each section in detail.
our focus is minimalist desktop design prioritizes simplicity and functionality, offering a clean and sleek aesthetic for easy navigation and content accessibility.
Home Page
The Home page displays the latest playlists added to Clean YouTube. Users can click on a playlist to go to the playlist page. Each playlist shows the playlist's name, thumbnail, and the number of videos in it.
Playlists Page
The Playlists page shows up to six playlists. Users can also add their own playlists by providing a playlist ID or URL. Each playlist on this page shows the playlist's name, thumbnail, and the number of videos in it. Users can click on a playlist to go to the playlist player.
Favorite Page
The Favorite page allows users to save playlists they like. Users can add or remove playlists from their Favorites list by clicking on the heart icon next to the playlist.
Recent Page
The Recent page shows the playlists the user recently watched. Users can click on a playlist to go to the playlist player.
Playlist Player
The Playlist Player is a single player that allows users to watch a playlist without any distractions. The player has three sections: the video player, the playlist navigation, and the notes section. The video player plays the current video in the playlist. The playlist navigation shows the list of videos in the playlist and allows the user to navigate to any video in the playlist. The notes section allows the user to take notes while watching the playlist.
Dynamic Layout Control
In single player, user can remove sidebar, description, and notes sections.This allows the user to more concentration when watching tutorials.
Conclusion
Clean YouTube is a simple and effective app that helps users learn from YouTube without any distractions. With its four main sections and single playlist player, users can easily find and watch the playlists they like. Additionally, the app's note-taking feature allows users to keep track of their progress and remember important information.
- NextJS for Frontend
- Youtube data api
- Typescript
- redux toolkit for managing state
- react-player
- dotenv for management secret variables
- create dotenv project
- npx dotenv-vault new <id>
- npx dotenv-vault login
- npx dotenv-vault push
- npx dotenv-vault pull