Shorts Stopper banner

Shorts Stopper

4 devlogs
15h 46m 5s

Shorts Stopper is a lightweight browser extension designed to help users control their time spent on YouTube Shorts. It allows users to set a daily viewing limit and promotes healthier digital habits by encouraging alternative activities.

The e…

Shorts Stopper is a lightweight browser extension designed to help users control their time spent on YouTube Shorts. It allows users to set a daily viewing limit and promotes healthier digital habits by encouraging alternative activities.

The extension tracks the time spent specifically on YouTube Shorts and displays a real-time countdown timer while browsing. Once the selected limit is reached, access to Shorts is blocked and replaced with a motivational message suggesting productive or enjoyable activities based on the user’s interests.

Users can customize their experience by selecting personal interests such as sports, coding, reading, or entertainment. These preferences are then used to generate helpful suggestions when the limit is exceeded.

This project uses AI

I used AI for some UI and README.

Demo Repository

Loading README...

Avik Rathi

Changes -

The project is ready for shipping. I worked on the UI and it looks real nice. The timer becomes red when one minute is left. And on refreshing or reload ing the extension the user still won’t ne able to view shorts. This extension only doesn’t allow viewing of YouTube Shorts. The UI looks clean and functions well. I also worked on something to prevent users from easily changing the limit. Try to find that. It is a challenge.

Ready For Shipping!!!!

Attachment
Attachment
Attachment
1

Comments

Pepino
Pepino about 6 hours ago

Looks cool man. Should defo make a mobile ap version since most people watch on their phone

Avik Rathi

Changes -

Today I was quite free so i managed to do a lot of stuff. I added a timer that shows the time left. I added the manifest.json file to make this usable. There were a hella lot of bugs fixing which took a lot of time. Now the extension works and is functional though very untidy. Next i will work on the CSS and UI of the whole thing. I watched shorts for sometime and then the page blocks. even opening a new page won’t allow you to watch shorts. However you can still hear the sound of the background short which is fine I guess. Now the user can reload the extension to reset the limit which makes it “passable”. So i hope the user has some willpower or he doesn’t read this.

Attachment
Attachment
0
Avik Rathi

Changes -

I made the setup page. I also added code to select and allow multiple choice. The submit button now stores the info in chrome. I also did work on JS. Now it can fetch selected time limit and measure time spent on shorts. It also compares them to find the value of time spent on shorts. I used setInterval for this. For now JS can only do the time counting and comparision. It also displays message when limit reached.

PS(PostScript) :

I didn’t attach photo of JS because it is a seperate file and I am not supposed to “Show your project’s output, not your code editor. Screenshots of code (e.g. VS Code) won’t be accepted — your repo is already linked! Upload a screenshot or video of what your project actually does.”

Attachment
Attachment
0
Avik Rathi

Changes -

I made the first setup page for the extension. I have added basic Ui for now to represent the button which is clicked. I also added the code to switch highlight on pressing any other time buttons. I have also added the code to save the time limit in the browser and also to get it on reopening which happens in the “No limit Yet” part. Although the memory part won’t work in this browser version only in the extension version. the confirm button sends the saved time limit info.

Attachment
0