/Marble

An iOS/Android savings app to help cultivate positive habits.

Primary LanguageJavaScript

Marble

Screenshot 2021-04-22 at 17 10 07

Marble is a savings app to help you visualise your invisible habits - it's designed to assist you in developing non-consumerist behaviour and in turn; support your long term saving goals.

Philosophy

Screenshot 2021-04-22 at 12 57 15

What is an invisible habit?

An invisible habit is a habit that provides no immediate result or visual cue. Not buying a takeaway, or not buying new clothes, resisting the temptation to buy cigarettes or getting a cab home instead of walking.

Choosing the healthier, better, or more cost effective option does not always provide visual feedback or a reward, thus making these habits harder to stick to over long periods of time.

The idea behind Marble is to assist the user in forming, and sticking to their goals by creating a sensory reward for their 'not doing' of various consumerist habits.

The goal of Marble is to reduce the users consumption, enabling them to save for their future and to help promote a society that is more conscientious about how it spends and uses it's resources.

Here are some reasons, courtesy of author James Clear as to why habit visualisation works so well.

  • Visual cues remind you to start a behavior

  • Visual cues display your progress on a behavior

  • Visual cues can have an additive effect on motivation

  • Visual cues can be used to drive short-term and long-term motivation

Team Values

At the very beginning of this project, we discussed a set of team values to stick to throughout, these were primarily to make sure that everyone is listened to and to make sure we are in understanding of one another as best possible. They are as follows:

  • Daily emotional check ins.

  • Everyone is listened to and not spoken over.

  • Good listening through meetings.

  • Maintaining a safe environment to express feelings when needed.

  • Daily reflections on what went well and what could be done better. As a team we tried to refine our process whilst learning a new framework; React Native.

Tech Stack

We all agreed early in the project we wanted to use new technologies to create our final project.

Screenshot 2021-04-22 at 12 57 15

We decided on React Native as a front end framework to create a cross platform(iOS/Android) mobile application. We had heard a lot about it during our time at Makers and were all very excited to use it to create our app.

Screenshot 2021-04-22 at 12 57 15

We decided on Firebase as a lightweight cloud solution for our back end. We liked the idea of learning as much as possible within the scope of our project, so using an entirely new way of storing data seemed like a fun and challenging way to achieve this goal.

Screenshot 2021-04-22 at 12 57 15

We utilised Lottie to convert the bespoke Jar animation into a JSON file, this is then rendered within React Native. Again, this was a new technology to us.

Screenshot 2021-04-22 at 12 57 15

The audio for the animation was created in Ableton Live and rendered using the Expo AV API within React Native.

App Progression

Below you can see the various iterations that Marble went through; from early mock ups, the MVP, to the final version.

Screenshot 2021-04-22 at 17 19 49

Watch the demo video here

User Stories

A list of specifications we feel best meet the core concept of Marble:

As a User
So that I can return to my savings pot
I'd like to be able to log in and out of my Marble account
As a User
So that I can visualise my invisible habits,
I'd like to make an entry to the app.
As a User
So that I can reduce consumerist habits
I'd like to add a marble to my jar
As a User
So that I can access the app's functions
I'd like to see a home screen
As a User
So that I get a visual cue to enhance my habit formation
I'd like to see an animation each time I enter a Marble.
As a User
So that I get an audio cue to enhance my habit formation
I'd like to hear a pleasing sound each time I enter a Marble
As a User
So that I can keep track of my overall progress
I'd like to see the total savings in my jar
As a User
So that I can clear my Marbles history to start afresh
I'd like to be able to empty my jar of all entries and savings.

Screenshot 2021-04-22 at 17 26 51

Potential Additions

  • Stripe payment system for depositing and withdrawing savings.
  • Green charity donation suggestion/Charity API
  • Badge system for further rewards.
  • A shelf for storing jars for multiple long term goals

Credits

Marble was developed by:

  • Aniruddh Ojha
  • Charlie Davis-Miller
  • Christine Chee
  • Jai Jalah Kumar
  • Maximilian Clarke
  • Sol Paek