Gilbert Water Solution

Inspiration

With frequent cold showers and so much time wasted waiting for warmth; we decided we wanted to create a system to help residents of Gilbert when there is no timeline to solve our water problem.

What it does

Displays current water temperature status in Gilbert Hall to save residences time.

How we built it

We used js to accesses html elements to change their values and manipulate what they display based on user input. Then added this user data to a json file where it could be stored as a log of recent outages, and displayed to the user to see the current water status. We used css to add a fun theme to the webpage to make it bright and easy to use.

Challenges we ran into

Neither of us knew much javascript. Olivia knows some typescript, and Michelle has some js knowledge but it was a difficultly neither of us expected. Hours poured into research and debugging, everything was so complex. This was a challenge we took on because of the difficulty with Flask seemed to present, and the easy css and html compatibility js has, and In the end it was worth it!

One major difficulty was realizing that we could add to a json file and then overwrite the file without a sever as we could in python and Drafter framework we were accustomed to. This made us take a whole new direction and after diving deeper and asking for help, we know that local storage was the way to go.

Another challenge was getting through bugs as we don't know how to easily unit test the programs we are writing, we ended up using printing to the console in most cases to see what was being executed and what wasn't but it would have been easier if we looking into a testing library in advance.

Accomplishments that we're proud of

We're proud all we were able to learn in such a short time and the commitment we had to the project.

What we learned

We learned so much about javascript and the way it works with work arounds to get our program to work the way we wanted it to. We also learned about teamwork and communication throughout the process, which was vital to creating our final project.