Using user-driven data to find a hydration station near you to reduce plastic waste, save your wallet, and live longer.

What it does

One of the main reasons people still use plastic water bottles is that the water is simply more convenient and accessible. Water stations aren't everywhere and we don't want to look for them to fill up our water bottles. Enter DropLIT : Hydrate don't Dyedrate.

DropLIT is a user-submitted website that pinpoints the various hydration stations in a given area. Hydration stations refer to merely filtered water bottle refilling stations. Initially, there are hydration stations around the UC Davis Campus that have been inputed by the developers. To incentivize users to pinpoint new hydration stations, the website will provide various metrics including the amount of money the user has saved and total water drank.

Three reasons why you should prefer our product

  • Saves Money: The Arcadia Group explains that per year, the average American drinks nearly $3000 in water bottles. Switching to a reusable water bottle will save you, on average $2900. Knowing where to fill up your bottle means you fill it up more, and thus save more money.

  • Saves Mother Earth: Nearly 17 million oil barrels are used to produce over 50 billion water bottles, of which only 20% are recycled properly. By creating a user-driven service, once widely-produced, will create a significant dent in oil production and the amount of water bottled produced and thrown away.

  • Saves You: In the rat-race of life, we often don't know what we put in our bodies. By tracking how much we drink and refill through a partnership with Elkay's Hydration Stations, we would allow users to truly understand their health and their data.

How we built it

  • Utilized Javascript, GCP Firebase, CSS, HTML and Node.js to build
  • Utilized Google Maps API & snippets of open-sourced Google code

Challenges we ran into

  • Integrating all of our ideas into our product
  • Setting up MongoDB in order to run seamlessly with our product
  • Setting up a dialog box which is modifiable by user
  • Exiting out of the click event on JavaScript
  • The spotty wifi meant that our location services weren't always accurate

Accomplishments that we're proud of

  • Enabling the app to find your location by requesting and successfully finding/pinpointing your location.
  • Using the GCP to power both our website hosting and an API to create the map
  • Through the combined use of CSS and JavaScript, we can allow users to modify the map
  • We use CSS to reformat the map to fill the screen in both mobile and PC/MacOS
  • Setting up a clear path of growth

What we learned

We learned to implement Google API's to create a Google Map interface. We also learned how to extensively use html, css, and javascript to format a presentable user web interface.

What's next for DropLIT

  • Finish developing essential features such as "Station Verification", which depends on multiple users upvoting fair usage of the app.
  • Utilize a MongoDB database more efficiently to implement a true "User-driven app"

Once these are done, we would like to see our application see widespread use and connection with Elkay's Hydration Stations & an eventual partnership with Elkay and reusable water-bottle companies(great for returns on investment)

Share this project: