MindMate

Inspiration

Mental health is often overlooked in fast-paced academic and work environments. As students juggling deadlines and personal responsibilities, we realized there wasn’t a simple, accessible space where people could express themselves, track their mood, and receive empathetic support. We wanted to build something calm, intuitive, and truly helpful. That’s how MindMate was born — a gentle AI companion built to listen, support, and encourage self-care.

What it does

MindMate is a web-based mental wellness companion designed to support users emotionally through: 🌸 Empathetic AI Chat using Azure OpenAI 📈 Mood-aware follow-up questions 📓 Journal entries to track thoughts and emotions 💜 Soothing UI inspired by mindfulness and mental wellness apps The app encourages healthy reflection and emotional check-ins in a calming digital space.

How we built it

Frontend: React.js with Framer Motion and custom CSS for an elegant, responsive UI
Backend: FastAPI
AI: Azure OpenAI (GPT-4o) for generating responses and follow-up questions
Database: SQLite for storing journal entries

Challenges we ran into

Azure OpenAI access limitations: As student developers, we faced credit and quota restrictions while trying to access Azure OpenAI. Despite submitting quota increase requests, we had to rely on the free-tier version, which occasionally caused latency and usage limitations during testing.
Azure Speech Services integration: While planned, we couldn’t fully implement voice-to-text using Azure’s SDK due to time and key access constraints.
Design consistency: Balancing a soothing look with responsive components and accessibility

Accomplishments that we're proud of

Built MindMate from scratch — a calming, mental health-focused web app that blends conversational AI with journaling and emotional check-ins.
Successfully integrated Azure OpenAI’s GPT-4o to create a supportive and emotionally intelligent chatbot experience.
Designed a clean and empathetic UI inspired by wellness apps, prioritizing accessibility, responsiveness, and user trust.

What we learned

GitHub Copilot was a powerful pair programmer — it helped us scaffold UI components, debug API interactions, and even suggested calming design patterns that aligned with our mental health theme.
We learned how to design with empathy, ensuring that every visual and interaction felt safe, welcoming, and accessible.
Gained hands-on experience integrating Azure OpenAI services for intelligent chatbot capabilities. Improved our understanding of React hooks, routing, and styling for responsive and user-centric web applications.
Learned how to structure and deploy a full-stack project under time constraints, while continuously adapting the scope based on available Azure resources.