No No Zone

Inspiration

During online school there were many moments when I would just feel completely lost and decide to just go scroll on instagram or watch Netflix during math class. On my phone I had screen time to limit my app usage but on my computer I didn’t have such thing, so I decided to create a browser extension that will block sites and increase productivity. Another inspiration is that when you want to limit yourself if it’s too much work people tend to give up so I decided to make it simple easy and appealing to use.

What it does

When you install the extension it sends you straight to the setup options page where you can block sites. What this extension does is when you enter or enable a switch to block a site when you visit that site it right away closes it. This is like a reminder to make sure that we stay off these sites during these hours.

How we built it

I built this using manifest 2 which is an older version of the chrome extension. It uses html for the setup page, CSS for the looks, JavaScript and json for the rest of the code.

Challenges we ran into

Some changes were making the switch toggle block the sites. Initially they would block the sites but then when reloaded it would disable so I have to save the button states in the chrome local memory.

Accomplishments that we're proud of

I am proud of making my first chrome extension, especially in under such little time.

What we learned

I learned that syntax is very important and that it is also very helpful to use the resources page of whatever language you are coding from.

What's next for No No Zone

Adding a AI schedule based off your daily routines, tracking how much time is spent in each tab of social media and as well making it even more user friendly. Another addition would be inspirational quotes to help motivate users using the chrome extension.

Built With

• css
• html
• javascript
• manifest