-
-
Homepage
-
how to use mindmate and all
-
User Dashboard
-
Graph to track mood of user based on journal (Dashboard page)
-
Get help: where u can get instant help
-
FAQ's on Get help page
-
Journal : add your personal journals
-
Resources page
-
filteration per post based on catogary
-
catogary wise filteration
-
catogary wise filteration
-
single post from Resources page
Inspiration
Mental health among students is a growing concern worldwide, especially in high-pressure academic environments. Our research revealed that disorders like Anxiety, Depression, PTSD, OCD, and Suicidal Ideation are increasingly affecting young adults — particularly in countries like India, where stigma and lack of awareness still prevail.
We were driven to create a tool that helps students manage their emotions in a simple, friendly, and effective way. MindMate was born out of this mission — to provide a safe digital space for students to reflect, track their well-being, and build healthier habits every day.
What it does
MindMate is a mental wellness companion designed specifically for students. It provides a calming, interactive space where users can:
📝 Journal thoughts privately to reflect and process emotions 📊 Track daily moods to recognize patterns and triggers 📚 Access curated wellness resources, including tips, exercises, and educational content 🔁 Build healthy habits with consistency tracking 🫂 (Planned) Chat anonymously with peers for emotional support and shared experiences
By combining simplicity with emotional design, MindMate helps users understand their mental state better and develop consistent, mindful routines — all in a safe, stigma-free digital space.
How we built it
Frontend: HTML, CSS, JavaScript (fully responsive and designed with accessibility in mind) Platform: Deployed using Vercel for seamless performance and speed Design: Clean, minimal UI tailored for student comfort and engagement
Though it's currently a frontend-only project, we structured it with scalability in mind so that backend features (like data persistence, AI recommendations, or community chats) can be integrated later.
Challenges we ran into
Designing a layout that feels inviting and calming, not clinical Balancing feature richness with simplicity and clarity Ensuring emotional sensitivity while discussing serious topics like depression and suicide
Working within a limited timeframe as a team of three students
Accomplishments that we're proud of
🌱 Designed with empathy first – Created a user experience that feels calm, safe, and non-judgmental for students navigating emotional stress 🎯 Focused and purposeful UI – Built a clean, responsive frontend that guides users without overwhelming them 🧠 Backed by real research – Grounded our features in an understanding of the most common mental health issues affecting youth today 🧑🤝🧑 Strong team collaboration – Seamlessly worked together across design, development, and user experience as a 3-member team 🚀 Deployed a fully functional prototype – Delivered a working, polished frontend app on time with a live demo 💬 Encouraged emotional expression – Built tools that promote reflection, awareness, and habit formation in a non-invasive way
MindMate isn’t just a submission — it’s a project we genuinely believe can make a positive difference.
What we learned
Building MindMate helped us:
Understand the depth of mental health challenges faced by students Improve collaboration across design and development Enhance our frontend skills — particularly in responsive UI, accessibility, and user-first design Most importantly, we learned how technology can foster empathy when designed with compassion
What's next for MindMate
MindMate started as a frontend-focused project, but we envision it growing into a complete mental wellness platform. Here’s what we plan to build next:
💬 Peer Chat System – An anonymous, moderated chat feature to connect students for emotional support 🧠 AI-Powered Journaling Assistant – Use natural language processing to offer gentle prompts, mood analysis, and reflections 📈 Data Persistence & Analytics – Save user moods and journals securely to visualize long-term mental health trends 🔐 Authentication & Privacy – Implement user accounts and secure storage while ensuring complete emotional privacy 📱 Mobile-first Design – Enhance the mobile experience for students on-the-go 🌍 Multilingual Support – Make MindMate accessible to students across diverse regions and languages
We’re excited to keep iterating on MindMate and turning it into a supportive space that empowers students to care for their mental well-being daily.

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