SmartBlocker banner

SmartBlocker

8 devlogs
6h 2m 21s

A smart website blocker- one that doesn’t boot you out immediately

This project uses AI

AI was used to generate the logo of the extension,

Aidan Chang

i worked on the mozilla instance of the extension so that the dimensions are proper, since I believe there are dimension restrictions to the popup window for a firefox extension. I dont know why, but the about page is double the width of the main page. Looks cool though, so I’m not complaining.

Attachment
Attachment
0
Aidan Chang

i made some changes to the question mark section so that the back button wasn’t being overlapped by the text. In order to make the extension compatible for both chrome and firefox, I needed to create two instances for the extension with basically the same code. There are some things that need to change for the firefox version to look proper so that’s probably what next update is gonna be about.

Attachment
0
Aidan Chang

i fiddled around with the css to mimic some websites that i found since i have no idea how to make the frontend look good. there are still some things that i am iffy about but i think it generally looks a lot better than before

Attachment
0
Aidan Chang

i changed the status message into a toast notification, which i think makes the ui a little bit cleaner. I’m done with most of the logic now, but I don’t know how to make the UI any better lol

Attachment
0
Aidan Chang

since i had most of the logic written down, i added some stuff that made the styling look better and like an actual application that people would use. it’s still a little basic and i’m not really sure how to make it better though lol

Attachment
Attachment
1

Comments

abby.zinck
abby.zinck about 2 months ago

pretty awsome dude

Aidan Chang

i didn’t do much for this update, just made some changes to the logic and the z-index so that the countdown actually pops up

Attachment
Attachment
0
Aidan Chang

i pretty much made everything work, from the adding of links to the actual toggle. at this point, ive learned a lot about how local storage and the chrome api works for extensions. now that i think about it, i should probably remove the settings page and just put it on the home page

Attachment
Attachment
Attachment
0
Aidan Chang

there are some prior things for this project that I made before I had hackatime working properly, so here is what i have been working on in this update. I want to make it so that the extension only blocks applications after a set period of time (in seconds). this allows the user to still get a dopamine hit, but then they instantly get refocused into their work. I think this is something that works for people who study for hours on end. in this update i mainly just messed around with the chrome api for extensions and tried communicating between all the different JS files required for extensions.

Attachment
Attachment
Attachment
Attachment
0