Mental Health ChatBot

A conversation with our mental health chatbot
Breathing animation
The home page of our website

Inspiration

We were inspired by chatgpt to make our own chatbot. Mental health is very important to us, so we wanted to incorporate this topic it into our project. This is how we came up with the idea to build a mental health website that incorporates a mental health chatbot.

What it does

This is a mental health website. The first feature is a chatbot that a user can talk to about any topic related to mental health. The second feature is an animation that a user can breathe with to calm down and alleviate anxiety. The third feature is a text area that generates different prompts for the user to reflect on his/her thoughts and feelings. The website also includes an about/FAQ page.

How we built it

We built this project with Svelte. We imported the chatbot into svelte and trained the bot using a database of mental health related responses. The breathing animation was built with a JavaScript function.

Challenges we ran into

This was our first time using Svelte. We learned that Svelte does not work well with HTML, JSON, or JavaScript files. We had to switch all of our files to Svelte files. We also ran into a lot of issues with integrating the chatbot. Once the chatbot was working on the website, we ran into challenges adding the mental health database to the chatbot.

Accomplishments that we're proud of

We are very proud that we got the chatbot working. It was difficult connecting the frontend to the backend, and we are very proud that we were able to accomplish that.

What we learned

We learned how to use Svelte. Svelte incorporates HTML, CSS, and JavaScript into one file. We also learned a lot about using JavaScript functions and connecting the frontend of a website to the backend.

What's next for Mental-Health ChatBot

We want to continue to train the chatbot to improve its responses. We also want to build out the website so that it has more features.

Built With

Submitted to

Beaver Hacks Spring 2023

Created by

I programmed the frontend design of the website using Svelte. I also created and implemented the chatbot as a Svelte file and connected the chatbot to the frontend.

Audrey Flanders
During the hackathon, I developed a chatbot using JavaScript and the Elizabot library. The chatbot interacts with users through a command-line interface and responds to their inputs based on predefined conditions. I utilized the readline module to capture user input and display the chatbot's responses. To enhance the chatbot's functionality, I integrated a JSON file containing different response categories such as greetings, acknowledgments, reflection questions, and more. By analyzing the user's input, the chatbot selects an appropriate response from the corresponding category or utilizes Elizabot's transform function for general conversation. The implementation also includes a helper function to randomly select a response from an array. Overall, my chatbot provides an engaging and interactive experience by simulating conversations with users and offering personalized responses based on their inputs.

Zo Balderrama

Updates

Audrey Flanders started this project — May 21, 2023 09:23 PM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.