Daily Drip: Water Footprint Tracker and Newsletter!

Dashboard Mobile View
Water Usage Tracker Mobile View
Newsletter Mobile View

Inspiration

Daily Drip is a web app created for the purpose of helping individuals connect with the world to understand the severity of water stress and scarcity and how they can make small changes in their daily lives to be more sustainable!

According to the United Nations, 733+ million people live in countries with high and critical levels of water stress [2019].

Additionally, only one-quarter of reporting countries have >90% of their transboundary waters covered by operational arrangements[2020].

By appreciating water as a renewable yet not infinitely renewable resource we can help control the water we consume in our daily activities!

We were inspired to use technology and software engineering to solve environmental problems. Another great inspiration is the United Nations Sustainable Development Goals (number 6 precisely).

What it does

Our app tracks individual water footprints to help raise awareness and inform users how to reduce their daily water usage. A tracker and visually appealing dashboard help users track their numbers in gallons or liters, and the newsletter provides informative articles on water conservation topics.

How we built it

We built our app using React.js for the front end, python/Django backend, and a number of npm packages and libraries that can be referenced in our GitHub Repository.

Challenges we ran into

We ran into challenges in generating a dynamic dashboard that talks with our deployed backend, as well as creating a user-friendly form that picks up the water usage calculator's outputs in real-time.

Accomplishments that we're proud of

We are incredibly proud to have conceptualized an idea that is beneficial to our world community while creating a full-stack web application in under 24 hours!

Especially proud to have a fully-responsive design that works well on mobile phones!

Learning to implement redux in a React project for the first time! Including a react chart to generate our dashboards! Getting CSS and styling to mesh in a limited time while prioritizing functionality over a 24-hour sprint!

What we learned

How to use React hook forms! We also learned how to coordinate as a team in shifts and keep level heads through a challenge. Most importantly, we learned that software development doesn't have to be about tech and finance always and can be used for social good.

What's next for Daily Drip: Water Footprint Tracker and Newsletter!

Build further upon CRUD functionality by enabling users to post their own articles to the newsletter
Have Newsletter populated with current news and filtered by topic
Ability to share the dashboard to friends and social media
More water tracking categories
Improve upon UX/DI and Styling!