Miku's Mental Health Management - MM(H)M

Popipo your worries away~With MM(H)M, you can access repositories and resources on mental health (pertaining to general issues and disorders) or chat with a Miku Chatbot! There's something for all!

Comment

Inspiration

Looking at Singapore's mental health resources (like HealthHub), we were inspired to create our website on mental health repositories. However, what we chose to do differently is elaborate on mental illnesess less studied, or elaborate in greater detail than what is provided, say, on HealthHub.

What it does

MM(H)M comprises of 2 parts - its resources and its chatbot. For the former, MM(H)M provides resources on general mental health (like stress, burnout etc.), disorder-specific resources, some common misconceptions, and guidelines on how to help people with their own mental health issues. For the latter, MM(H)M has its built-in Miku chatbot, which users can communicate their feelings to, using the scale provided. According to the user's response, Miku will recommend the user different mental health resources, and in more severe cases, hotlines they can reach out to.

How we built it

Using Nuxt.js and Vue, we built the frameworks of MM(H)M. Thanks to TailwindUI's resources, we were able to get a template homepage. Additionally, the Miku chatbot was developed in Neocities.

Challenges we ran into

  • The 2-day deadline was very tight
  • Even though GitHub had a collaborative extension to code together, the code ended up only being able to run on the host's local servers (so we had to screenshare for everyone to see the website up and running)
  • Getting the hang of using Vue
  • Last-minute crashes on Netlify's end

Accomplishments that we're proud of

  • Finishing the project given the tight deadline: 2 days was barely enough for us to get together, brainstorm and come up with a finished website!
  • Overcoming challenges along the way (as mentioned previously) Managing to debug and try new frameworks and softwares: most of us were quite unfamiliar with the technical aspects used and so we definitely had to experience a steep learning curve
  • Communicating effectively during the project: A lot of our successes can be owed to our effective and efficient communication

What we learned

  • Technical skills: Coding is a never-ending journey, and we're proud to say that we learned something new in the course of this project! For example, how to use vue.js or navigate different softwares.
  • Soft skills: Teamwork and time management were two of the most important skills we needed in this project, given the tight deadline and also the fact that some of our group members were complete strangers before this.

What's next for Miku's Mental Health Management - MM(H)M

  • We're definitely not sure yet, but we hope that MM(H)M can go a long journey in fulfilling this community need and helping to raise awareness about mental health and related mental disorders.
  • One of the ideas we're thinking of is expanding the chatbot, and connecting it to the repositories even further. For example, Miku can take in feedback on users' specific emotions, and link them to a section of the disorder-specific resources (think: informal diagnosis).
  • Of course, no website is ever 100% done, and there are always things to be improved; so hopefully we will be able to keep enhancing the MM(H)M experience.

Built With

Share this project:

Updates