Youtube Zen Mode

Chrome extension for YouTube that removes distractions so you can focus on learning

View Demo

Features

• Simplified home page design

  The recommended videos on the home page are a major source of distraction. This extensions strips down the entire page to just the basics.

• Folders that help you organize better

  Bookmark channels & videos for easy reference.

  • Channels: You can view & bookmark channels related to the topic of the folder. (Bookmarking channels currently works by providing the channel ID)
  • Videos: You can view & bookmark videos you wish to come back to later to a folder. (Bookmarking videos currently works by providing the video ID)

• Hides recommended videos & comments

How it's currently working

• Hiding of unneccessary components such as recommendations & comments is done by using DOM manipulation to turn off their visibility.
• Folders & bookmarking makes use of local storage to save the details of all the folders.

Run Locally

• Clone the project

  git clone https://github.com/SakshiUppoor/youtube-zen-mode.git

• Go to the project directory

  cd youtube-zen-mode

• Generate an API Key for Youtube Data API

• Replace INSERT_KEY_HERE in Content.js with your API Key

• Go to Chrome Settings > Chrome Extensions

• Turn on Developer Mode

• Click on the 'Load Unpacked' button

• Select the project folder

The Chrome extenion is now activated! Head on over to YouTube to check it out!

Contributing

Contributions are always welcome! If you have any suggestions or want to make any optimizations in the code, feel free to go ahead!

References

• Youtube API Reference
• Chrome Extension Reference
• Coding a Chrome Extension Tutorial