MindZen

Inspiration

Mental health is often ignored, and many people suffer from stress, anxiety, depression, and loneliness without proper guidance. Suicide rates are alarming, and I wanted to build something that could help prevent self-harm by providing support and guidance in real time. MindZen is inspired by the need to create a safe, accessible space for mental wellness through technology.

About the Project

MindZen is a web-based mental health companion. It allows users to chat with an AI assistant, get emotional support, and detect high-risk messages for timely intervention. The project uses modern UI/UX principles for a calming and user-friendly interface.

Front-end: HTML, CSS, JS, with attractive gradients, responsive design, and smooth chat animations.

AI: Initially mock responses (from Lovable AI), designed to comfort, guide, and encourage users.

Risk detection: Flags messages containing words like suicide, die, hopeless, and alerts users visually.

What I Learned

Designing a polished UI/UX for a sensitive topic like mental health.

Integrating AI-powered chat logic into the frontend.

Handling user input safely, with alert systems for high-risk behavior.

Workflow for GitHub → Vercel deployment, making the project accessible online.

How I Built It

UI/UX Design: Created an attractive and calming chat interface with gradients, shadows, and responsive layout.

Frontend Functionality: Added chat box, send button, smooth scrolling, and mock AI responses.

Risk Detection: Implemented a JavaScript filter to detect self-harm phrases.

Deployment: Pushed code to GitHub, then deployed on lovablefor a live demo. Challenges Faced

Frontend only: Initially, I had no backend knowledge, so connecting the AI safely was tricky.

Terminal & folder issues on Windows: Opening CMD in the folder caused errors due to spaces in folder names.

Time constraints: Had to make a demo-ready version quickly for the hackathon.

Future Work

Add Gemini API integration for real AI responses.

Connect backend to safely handle API keys.

Expand risk detection with NLP techniques.

Allow emergency contact notifications to nearby psychologists or authorities.

Built With

• deploy
• lovable
• vscode