Inspiration

We want to help USC students be sustainable by reducing their plastic use and save money on water bottles.

What it does

H2OnCampus helps students quickly find nearby water bottle refilling stations at USC. It shows all nearby stations and provides directions to the one they select. This will help students create and maintain sustainable habits by making it more convenient to use reusable water bottles. It will also help students on a budget save money by reducing their purchases of single-use plastic water bottles. This site is also compatible with mobile devices, making it easy and portable for students on-the-go!

When the website loads, it is centered at your current location. The surrounding water droplets show nearby water bottle refilling stations, and clicking on one of them will show the building it is in and the quickest route to it.

How we built it

We registered a domain through domain.com and used GitHub Pages to host our server. To create the UI, we used the Google Maps API, JavaScript, HTML, and CSS.

Challenges we ran into

We have never created a website before, which was a little intimidating since our whole project was based on it, but we managed to put it together. We also struggled with implementing the Google Maps API from Google Cloud because we have never worked with APIs before. We managed to research and learn a lot about this specific API on our own, and were able to implement it pretty successfully. Hopefully, in the future, we can teach ourselves more techniques relating to Google Cloud resources.

Accomplishments that we're proud of

We are proud of ourselves for using multiple techniques in this project that were completely new to us, from WebDev to APIs. We implemented several Google Maps APIs and worked with JavaScript for the first time.

What we learned

We learned how to use APIs and work with Google Cloud. We also learned a lot about WebDev and taught ourselves JavaScript.

What's next for H2OnCampus

We hope to implement this technology on all kinds of campuses across the country to help students contribute to the sustainability movement and save money too! We also hope to use more of the Google Maps API features, like calculating travel time, to improve the user's experience.

Share this project:

Updates