4 devlogs
1h 55m 26s
Building a extension in which a pet lives in your browser and gets “sick” if you have more than 20 tabs open.
Shipped this project!
Tabagotchi: The Browser Pet That Hates Your Tabs
I built a Chrome extension that gamifies tab management. It tracks your tab count in real-time and displays a “pet” badge on the toolbar.
The Twist: If you exceed 20 tabs, the extension enters “Chaos Mode.” A giant, shaking, vomiting emoji invades the actual webpage you are reading, along with a retro error message yelling “SYSTEM OVERLOAD! BRO YOU ARE COOKED..” This forces you to close tabs to regain your screen space.(I guess also saves your memory, reduces lag)
Tech Stack: Chrome Manifest V3, Service Workers (background logic), Content Scripts (DOM injection).
Just fixed some bugs, and also added some new cool things, like a text box which displays a message when too many tabs are open. Also moved that overlay from bottom right to bottom left.
0
Log in to leave a comment
Alr guys! just fixed the bug. The bug was that the screen was not shaking and the tabs count was not correct so i just fixed it, by adding a new scripts for actively running in the background and also updated the style.css file for the shake effect.
0
Log in to leave a comment
Just build the main program of the extension. so excited to run it! :))))
edit: ran into a bug! :(
0
Log in to leave a comment
Just build a manifest.json file which will allow the extension to work by providing/allowing the permissions it require. Also i started to style it too as you can see on the image.
0
Log in to leave a comment