ZenHarmony

Unlocking Self-Love: A Therapeutic Journey Through Interactive Gaming

Comment 2

💡Inspiration

Recognizing the increasing prevalence of mental health challenges in today's fast-paced and technologically driven world, we were inspired to design a game that encourages players to take care of themselves through taking care of a pet. This application merges the therapeutic benefits of animal companionship with the accessibility of mobile applications. Players can adopt and care for a digital pet by customizing its appearance. The game incorporates elements of positive psychology, encouraging users to engage in activities that promote mental well-being, such as mindfulness exercises, goal setting, and positive affirmations.

⭐️ What it does

Players can complete daily tasks to earn different types of points that you can use to take care of your pet. The state of your pet reflects the state of your mental well-being. Through the points you earn by completing the tasks, you will be able to customize your pet and go on adventures with it.

Overview of Features:

  1. Survey: Collect information on pets to determine their mental health states
  2. Music: Enjoy calming music in the background to help foster a calming ambiance.
  3. Personalized Pet: From the collected data, generate a unique pet using AI capabilities
  4. Daily Tasks: Complete daily tasks to earn points
  5. Pet Interaction: Customize the pet, and go on adventures with it

💻 How we built it

  • Design: Figma was used to design the mobile game pages to ensure a user-friendly and captivating interface. We also used procreate and ibis paint to create characters and icons of the game :)
  • Front-end: HTML, CSS, and Javascript were all used in crafting a web app prototype for the mobile application.
  • Back-end: Our back-end of the web app is powered by Node.js and Express.js, providing a robust and scalable server infrastructure.
  • APIs: The emotional intelligence of our mobile app was enhanced through the integration of the quotable API to generate a bunch of positive quotes
  • Summary: Figma, Quotable API, HTML5, CSS3, JS, Node.js, and Express.js

🧩 Challenges we ran into

Initially, we wanted to incorporate the ChatGPT AI API into the web app to generate 10 tasks based on the a specific emotion that the user enters. However, incorporating this API was a lot complicated than expected and we encountered issues with connecting to the API. Additionally, we had difficulties in the front-end with adjusting the layout of elements on the web app prototype.

🏆 Accomplishments that we're proud of

  • Gained extensive experience with new technologies like Figma and the ChatGPT API, despite having no prior experience, all within 2 days.
  • Creating adorable characters
  • Creating a visually appealing design and following it throughout the project.

🧠 What we learned

  • Figma: From designing the background and layout of the game on Procreate, we then seamlessly transitioned our creative process to Figma, a tool that we used for the first time.
  • API Functionality: With basic knowledge of HTML, CSS and Javascript, were able to integrate the Quotable API to generate positive quotes on our web application.

🚀 What's next for ZenHarmony

  • Integrating ChatGPT AI API to generate and tailor tasks based on the user's emotion
  • Adding more music options to let individuals choose music based on their mental health
  • Incorporate machine learning capabilities to detect whether users have genuinely accomplished their tasks, such as drinking water, eating nutritious meals, engaging in exercise, and more.
  • Organizing virtual wellness game competitions to increase user engagement

📖 Credits:

  • Journal Icon: Adrien Coquet from Noun Project
  • Backpack Icon: Yon tan from Noun Project
  • Powerpoint Slides: Slidesgo

Built With

Share this project:

Updates