Mindease

Inspiration

We were inspired by the growing need for accessible, stigma-free mental health tools — especially for young people and those with anxiety, neurodivergence, or visual impairments. Not everyone has access to therapy or feels comfortable opening up, and many mental health platforms are complex or overwhelming. We wanted to build something that feels like a calm, friendly first step toward self-care — one that listens when you speak, supports you daily, and is easy for anyone to use.

What it does

Mindease is a voice-enabled mental health companion designed to be simple, accessible, and supportive. It allows users to:

Speak instead of type using built-in voice recognition

Access a curated Q&A on mental health basics

Set gentle reminders for self-care and wellness

Use accessibility toggles like contrast mode, large text, and keyboard-friendly navigation

Navigate a clean, calming, mobile-friendly interface

It’s a lightweight, responsive tool for mental health support — no logins, no complexity, just support.

How we built it

We built Mindease using:

React.js for the front-end logic and dynamic UI

Material UI (MUI) for responsive, modern design components

Web Speech API for voice input

LocalStorage to store reminders temporarily

Custom accessibility features using React state and toggle logic We structured the project into reusable components and designed it to be scalable and theme-friendly.

Challenges we ran into

Integrating and managing voice input with live transcription and browser compatibility was tricky.

Balancing a clean UI while keeping all accessibility tools visible and intuitive took multiple iterations.

Managing state between reminders, accessibility modes, and inputs without breaking layout or performance.

Making sure the app stayed lightweight and didn't overwhelm first-time users.

Accomplishments that we're proud of

Successfully implemented a fully working voice recognition system that’s accurate and responsive.

Created an inclusive, responsive UI that works well on both desktop and mobile.

Built and polished a complete project from scratch with multiple features under a tight deadline.

Prioritized accessibility from the beginning — not as an afterthought.

What we learned

How to work with the Web Speech API and manage speech events in real time

The importance of user-centric design and how even small UI/UX changes impact comfort and usability

How to implement and balance accessibility features within modern front-end frameworks

That building for mental health means creating tools that feel calm, respectful, and emotionally intelligent

What's next for Mindease

Adding multilingual support for more inclusive voice interaction

Allowing users to log moods or journal by voice

Connecting users to verified support resources

Integrating push notifications and data persistence

Using AI to generate personalized responses or daily affirmations

Publishing the app as a progressive web app (PWA) for mobile use

Built With

• apis
• javascript
• python