Code Monkey home page Code Monkey logo

dripdrop's Introduction

dripdrop - where every ๐Ÿ’ง counts!

Know your water quality, how much you use and challenge your friends to save every ๐Ÿ’ง!

1 json

Inspiration

Challenged by the #Hack20 Flutter Hackathon, Team Crushing it designed this app to empower consumers with data and to make way for the cyberpunk future built with retro aesthetic.

See our live demo and hackathon submittal @ https://youtu.be/D5T3_cqTmkw

Our Design

Built with ๐Ÿ’— on Flutter, Firebase and RPi, this app uses realtime water data to empower the consumer with a clear understanding of their water quality and usage.

2

Our user interface design is a continuous panel where you can swipe left or right to focus on your water data or how your usage compares with your friends!

It is split into three pages

3

Home Page

4

Our Home Page gives a quick overview, gives you feedback about your water usage, shares relevant news stories about water and has a view of the realtime data points regarding your water.

Data Page

5

Swiping to the left, you can see detailed information about your water, such as the monthly usage, the TDS and EC.

Leaderboard Page

6

Our leaderboard tracks your usage real-time and encourages you to save every drop! Even though it is a pandemic, don't get too competitive and start skipping showers!

Open-Source

Feel free to use this design as inspriation! We are happy to share with you what we learned ! Thanks for sharing this treat with Team Crushing it

dripdrop's People

Contributors

gene-dana avatar agrawaltrisha avatar mihirkachroo avatar jermain119 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.