Wellness Bot

• 

  This is the user interface of the Wellness Bot app

Inspiration

There are so many teenagers that are suffering from mental health conditions like depression and anxiety. We wanted to give them a way to take out their emotions through journaling so that they don't feel exposed or weak.

What it does

The Wellness Bot gives users a dedicated space for users to journal and document their emotions. The bot uses a scoring system that evaluates entries in real-time for either a positive, neutral, or low tone. Every entry begins with a starting score of 50. The bot identifies specific "positive" and "negative" keywords which we have labeled, and the positive words increase the score by 8, while negative words decrease it by 8. Once the user clicks the 'reflect' button after writing their entry, the bot calculates the final score to determine the response. If the score >= 70, the output is designed to reinforce positivity. If 40 <= Score < 70, the output will be encouraging messages that remind the user they are doing their best. If the score < 40, the output will be direct access to mental health tools such as breathing exercises and crisis helplines. In the end, the mood graph will show the timeline of the user's moods scores based on their entries and the date.

How we built it

We built this web app using Vite as the project setup tool, Tailwind CSS for styling, Recharts for the mood graph, and JavaScript for the code. The core part of our app is a JavaScript analyzer.js file that scans journal entries for positive and negative keywords and generates a mood score from 0-100, which then determines the different supportive responses and optionally shows mental health resources. The app was deployed for free on Netlify by building a production dist folder and dragging it into Netlify's dashboard.

Challenges we ran into

We ran into the challenge of converting our code into a web app that could be used by people who weren't just on the local host. We had to do a lot of research to see how we could convert it into a link. We ended up choosing Netlify, which deployed our code instantly.

Accomplishments that we're proud of

We're proud of our collaboration and being able to build an app that can be used by those in the real world, especially because it integrates real resources that are meant for mental health.
It's also designed with the intention to maintain privacy, which means that the data will not leave the users device. This app addresses mental health, which is one of the most important issues that is facing high schoolers today, so we're proud of trying to make mental health support more accessible.

What we learned

We learned how to deploy our code into a working web app and gained technical skills. On top of this, we learned how to debug errors using the browser console and manage multiple terminals.

What's next for Wellness Bot

In the future, we can make the Wellness Bot more interactive, like ChatGPT, where the bot and the user can converse. This will make the Wellness Bot similar to an AI/virtual therapist.

Built With

• css
• javascript
• netlify
• react
• recharts
• tailwindcss
• vite