HydrationStation

This chrome extension reminds you to drink water when you're online.

Comment

Inspiration

I often find myself dehydrated after spending all day at my desk doing school work. This extension is a solution to the problem I found of not remembering to drink water throughout the day.

What it does

By clicking on the extension's icon, a pop-up action occurs. Pressing the play button starts a repeated loop of 20 minutes. There is an audio alarm at the end of the timer to get your attention. Pressing the play button again, closing the pop-up, or closing google stops the timer. That way there is no chance you will wake up at 3 am from a random "drink water" alarm on your computer.

How I built it

Since I have no coding experience, I took advantage of the internet to learn as much as possible for the two languages that I would need to create this extension: HTML and JavaScript. I then used Visual Studio Code to construct the program, Github to store and organize, and a combination of Canva and Procreate to draw/design the graphics for this project.

Challenges I ran into

The main issue was my lack of knowledge. I kept getting ahead of myself with what I could accomplish in the allotted time as a complete beginner. I did end up spending a lot of time watching informational videos and asking questions.

Accomplishments I'm proud of

Just the fact that I was able to do this on my own and actually submit my project is a huge accomplishment for me. This is my first coding project where you can actually use the product, so this has not only been an amazing learning experience, but also affirmed my drive to become a Computer Scientist.

What I learned

I learn the basics of both HTML and JavaScript, along with how to use platforms such as Visual Studio Code and Github. I also connected with the community and learned valuable information through RowdyHacks' workshops.

What's next for HydrationStation?

I definitely will be looking into how to code a timer that allows users to input the amount of time they want it to be. And I have been thinking about what it would take to turn HydrationStation into a website, that way users do not have to have the extension open in order to use it.

Built With

Share this project:

Updates