WebTimer

Inspiration

Wanted to make a hack that would limit distractions especially since social media has grown a lot

What it does

It displays timer on how long the user is browsing certain sites. It then redirects the user to a meme once the timer exceeds the allotted time.

How we built it

Used frontend web technologies such as HTML, CSS, and Javascript.

Challenges we ran into

We were not able to use the Twilio API to expand on our project.

Accomplishments that we're proud of

Building a workable chrome extension with no experience.

What we learned

Front end web development using vanilla Javascript.

What's next for WebTimer

Trying to integrate the Twilio API with our chrome extension. We plan to use the Twilio API to send messages to parents and guardians that their kids are on certain social media sites for too long.

Built With

Submitted to

Citrus Hack

Created by

I helped with the options menu and set default timer and chrome extension UI

Jerry Tan
Created an options menu which was later modiefied into a pop up bar for the extension, Added conditions which allowed a default timer to be set when some elements are not inputted by the user, figured out the logic behind debugging major bugs on the extension which caused the set time to be incorrect.

Garret Lim
I worked on storing the user's custom default time from the extension's popup menu by using the storage in Chrome's API. The values in the storage were then translated in the content script to reflect how long the user chose to limit his/her time on the website. In addition, I helped with the overall look of the extension including the logo and popup interface.

Eric Ong
I worked on the alert messages and having it forward the user to a preset image. The timed alert is determined by the user or default value. If the user goes past the set time, it will display a message and redirect the user to a preset page. I also worked with my group mates to fix any coding issues. We collaborated to come up with the idea of utilizing a chrome extension to assist in every day internet usage.

PatrickWumbo

Updates

Jerry Tan started this project — Apr 22, 2018 01:39 PM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.