Habitree

We built this web application called "Habitree" where you are provided your own virtual environment that grows when you include better habits and stick to them!

In Habitree, you are responsible for your own virtual environment. Taking care of the real environment around you will help your own environment grow as well. When you stick to your habits which you want to improve in yourself, you can come on to Habitree to write and select the habits which you are committing and sticking to which will help your virtual environment grow. If not, you won't see the grand potential your environment holds and what it can grow into!

Inspiration

We wanted to create an app that encourage actions to reduce one's ecologic footprint to become habits. Even little actions will impact the environment but we can't really see the impact of one person walking instead of driving. Through this app users are able to visualize their positive (when they check a task) and negative (if they don't complete a task that day) impact on the environment through daily checklist and goals.

What it does

A user can create an account through Google email and create their own custom checklist. There's a corresponding ecosystem next to your goals to visualize your progress. Each time you check off a goal the ecosystem improves. For example, trash gets taken away from the pond, tree grows leaves or clouds appear. If after 24 hours you haven't completed a task your ecosystem will deteriorate. Each day you log in your checklist will be restarted.

How we built it

We used HTML, CSS and Javascript for the frontend of our web application. We used firebase as a backend to aid with signing in and out.

Challenges we ran into

We had some issues with the signing in and out while also keeping the user's checklist goals. We had to deal with javascript's asynchronous functions and promises.

Accomplishments that we're proud of

We are proud of Google sign in and out working. Also being able to change the ecosystem images according to the checklist completion.

What we learned

Learning firebase for the first time.

What's next for Habitree

Our team would like to develop this concept into an app so it's more accessible for daily use. We could include step counter through a mobile app that would correlate to the positive ecosystem changes according to the number of steps taken a day. We would also like to include animations and images of animals or other plants and improve the overall look of the app.