Watt2Do

Watt2Do takes in your current energy level, the tasks you need to get done, and how much energy it will take to complete them, and gives you an organized list of what you can complete.

Comment

Inspiration

Our inspiration came from a combination of things:

  1. We read a tumblr post on depression
  2. We played a story quest within a video game and saw a character use an energy system
  3. One of us was in the shower and combined these two things together

What it does

This website is able to take in a lot of information from the user: it takes in the amount of energy the user has on a scale from 0 to 100, it takes in a task by getting the title of the task and the amount of energy that would be spent in trying to complete the task, and it is able to delete tasks shown and complete them. Deleting tasks gets rid of them from the website while completing tasks effects the energy bar, lowering it to the correct amount after the user finishes the task. If the user is unable to finish a task because their energy bar is too low, booster tasks are automatically assigned that encourage the user to take a break and get some energy back into their battery.

How we built it

We used HTML and JavaScript to build our website, having functions execute when buttons were pressed. It is able to take the information from the user and send the correct functions to use without the use of a backend, having all the data stored within a single session. We built and hosted the website using GitHub so we could all work on the project at the same time (albeit on different files).

Challenges we ran into

We restarted this project nine times, trying a different combination of languages and API. We struggled to find the languages that would be able to host the application we wanted to build and communicate between the front end and the back end. In the end, we decided to build a website with HTML and JavaScript. While one of us knew HTML, none of us knew JavaScript, so we had to quickly learn how to use it after restarting so many times. We also tried to register a GoDaddy domain name, but the code did not work, so we could not have a domain for this project. Other challenges we ran into that were slightly related to the competition includes:

  1. Getting backed into in a parking lot on the way to the hackathon
  2. Accidentally deleting all the files off of a computer (one copy is no copy)
  3. Teammate got sick (for the second hackathon in a row)

Accomplishments that we're proud of

We are very proud of being able to complete the project, despite many challenges and restarts. We were determined to finish the project no matter what got in our way. Additionally, the website looks nice, and we are proud of the UI we built.

What we learned

We learned one to two new programming languages (HTML and JavaScript) and that restarting is not the end for a project: it's being able to adapt to the correct environment, even when that environment is not within our current skillset.

What's next for Watt2Do

The next things we would like to implement is a login feature, so we would use a database to store the user's data. Having the option to put in dates is another feature we would like to add in the future. We would also like to host the website on a domain instead of GitHub. Additionally, we would like to adapt the website for mobile devices so it can be used across devices easily. A larger prospect that we want to have is using AI to automatically enter an energy value given the title of an assignment from the user. Smaller design choices we would like to implement is sound design, confetti, and our mascot, Watterson, congratulating the user when they complete tasks.

Share this project:

Updates