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

Share this project: