Skip to content

Latest commit

 

History

History
61 lines (40 loc) · 2.58 KB

README.md

File metadata and controls

61 lines (40 loc) · 2.58 KB
Raw

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. App Screenshot

  • 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) App Screenshot

  • Hides recommended videos & comments App Screenshot

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