A healthy society begins with a healthy mind, this inspired us to do something for the estimated 792 million people around the world who live with a mental health disorder that affects societies and their development at large and therapy is extremely expensive making it inaccessible to most.

Researchers have found out that in today’s dynamic world, the number of competitions that every single individual participates in has increased significantly and most gamers report that playing video games—even violent games—is a way to relieve stress and enjoy playing with friends.

What it does

Our project focuses on using the same competitive spirit that drives us to stress out at work and then enjoy video games to pull an Uno Reverse card and teach them better coping mechanisms and strategies to navigate through Distress, Emotion Regulation, and practising mindfulness inspired by DBT worksheets and exercises and motivating the user to form daily self-help habits by in-app rewards such as points for every exercise completed, that help in levelling up and unlocking perks! There's a leaderboard to kindle the competitive spirit and a lot of achievements that unlock as the user progresses through the material. Lastly, recovery is a long and daunting process, so we plan to incorporate a community connect feature so the process isn't as lonely.

How we built it

We took the exercises and concepts from The Dialectical Behaviour Therapy Skills Workbook by Matthew McKay, Jeffrey C. Wood, Jeffrey Brantley to get started and built our UX/UI layouts using Canva. The project was heavily focused on front-end development - HTML, CSS, Vue.js, Bootstrap, and Tailwind were used to create the current prototype.

There was also a lot of focus on designing and creating the Firebase document database and then creating functions to populate it with data about Users, Exercises and the user's answers to those exercises.

Challenges we ran into:

A teammate dropped out at the last minute and we had to hurry to find a substitute with 2 hours before the start of the event. Then we tackled some wireframes for the front end, so we knew what form fields were needed on which screens. Then we worked through the fields we needed to store in the Firebase database, as documents in a collection. It was a bit of a steep learning curve for Firebase and Vue.js as we had not done much with them before. Integrating Vue and the JS functions to get data from the database also proved challenging and we ran out of time to complete this.

A virtual hackathon put the team in different parts of the world in two different timezones, and the lack of common space to sit together and make the prototype, however, we're glad we could figure it all out in the end.

Accomplishments that we're proud of


I hadn't done any front end web development before, so I was able to learn to use Vue.js and Tailwind CSS to help with the site over the weekend.


Just getting Firebase set up and working in itself, and using async/await to add and retrieve data from the database and fixing bugs related to this.


I learned to edit videos again to make the pitch! Also this was my first hackathon so getting through it is an achievement in itself!


Learning how to implement Bootstrap as a library


Prior to this event I had almost no experience in web development outside of university work. Being able to be in a team to create a working website has allowed me to gain more first hand experience. Overall I feel like I have learned and been part of a lot of various aspects of web development which are new to me such as databases with Firebase as well as practice other skills such as html and javascript.

What we learned:

We started out as a group with basic skills in front-end and back-end development, and in the process of levelling up society by improving mental health and learning coping mechanisms, we upgraded as developers, managers, designers ready to take over more challenges. We also learnt how mental health affects individuals around the world and how the lack of help could severely hinder the quality of life - and we're taking home the positive coping mechanisms to help us out in our lives too!

What's next for Lemonie:

It took us 48 hours to ideate and figure out the business models, functionalities and create a wonderful project that could benefit millions if presented well enough. In the near future, we plan on further developing the web app to perfection and collaborate with mental health professionals to curate the content, exercises and hopefully get to designing a mobile app with the incredible team we turned out to be!

Built With

Share this project: