MindfulAI - your personal mental wellness companion

MindfulAI – Your Personal Mental Wellness Companion A safe space where your emotions are seen, heard, and understood.
Track your mood, understand your mind. MindfulAI helps you connect with your inner self through simple daily check-ins.
A gentle conversation can change everything. Talk to your AI friend anytime, anywhere — without fear, without judgment.
Minimal, elegant, and healing. Your mental wellness journey, now just a tap away.

Inspiration

Mental health is one of the most important aspects of our well-being, but people often hesitate to share their feelings. We wanted to build a simple, AI-powered chatbot that could become a virtual wellness companion for anyone in need.

What it does

MindfulAI is an AI-based chatbot that provides breathing exercises, wellness tips, and gentle conversations to help users manage stress and anxiety. Users can start a new chat, log in with their email, and interact anytime they feel overwhelmed.

How we built it

We built this project using React, Vite, and integrated AI functionalities for generating mental health tips and breathing exercises. For deployment, we used GitHub Pages and customized soothing visuals to create a calm user experience.

Challenges we ran into

The biggest challenge was managing user authentication and chat history management within the short time frame of the hackathon. Due to the demo requirements, some features like permanent chat saving are still under development.

What we learned

We learned a lot about integrating AI into web projects, handling frontend deployment, and designing for an emotionally supportive user experience.

What's next for MindfulAI - your personal mental wellness companion

We plan to add more features like personalized mood tracking, journaling, and AI-powered motivational quotes in future versions.

Built With

airesponsesgeneration
authenticationsystem
breathingexercises
customhooks
localstorge
lucidreact
mentalhealthcontent
react18
reacthook
realtimechatinterface
responsivedesign
tailwindcss
typescript
vite

Submitted to

AI in Action

Created by

I Worked on layout, color palette, and component styling for stress-free navigation. and i designed soothing visuals and theme for a calm mental health environment.

Shrija Baraskar
In this project, I primarily worked on the frontend development. It was my first time to work with team. I was responsible for designing and implementing the user interface for our AI-based mental health chatbot. My role included setting up the React-based framework using Vite, styling the components, and ensuring a responsive, user-friendly layout.

I also integrated the chatbot interface with the backend APIs, added custom styling using Tailwind CSS, and deployed the frontend to GitHub Pages. Additionally, I created the demo presentation visuals and ensured the project was well-documented for submission.

Aayushi Vadboode
I worked with AI integration on the project, and does some work on API handling, and also managed project structure. with the help of some project management tools

Jayesh Choudhary

Updates

Shrija Baraskar started this project — Jun 17, 2025 01:05 PM EDT

Leave feedback in the comments!

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