Empatha

• 

  empatha app telling of reminder

• 

  ui of the app

• 

  can not recognise word so we can add speak

🌱 What Inspired Us Let’s face it — there are countless productivity tools out there. But most of them don’t really listen. They ask you to fill out checklists, manage dashboards, or keep up with rigid schedules. But what if you're overwhelmed? Or unsure of what you even need?

That’s where Empatha comes in.

We imagined a tool that could understand how you're feeling, not just what you're typing. Whether you're anxious and need to vent, disorganized and looking for structure, or just want to say what’s on your mind — Empatha listens and creates the right tool for you.

🤖 What Empatha Does Empatha is a small, AI-powered companion that reacts to your voice or text and generates a tool that matches your emotional state or goal.

Say something like:

“I feel overwhelmed and don’t know where to begin.” → Empatha might give you a calming journaling space.

“I need to plan my day properly.” → You’ll get a clean, smart daily planner.

“I need a blank space to note down ideas.” → Here comes your note pad.

It’s not just smart — it’s empathetic.

🛠 How We Built It We built Empatha using:

React + Vite for a smooth, snappy frontend

JavaScript Web APIs like SpeechRecognition and SpeechSynthesis to support talking to and with the app

Modular components to render different UIs dynamically based on what you say

We kept the UI clean, distraction-free, and flexible enough to evolve into a full productivity ecosystem.

🧗 The Challenges We Faced Getting the speech recognition to work smoothly across different browsers was a challenge (especially when it just refused to listen!).

Vite gave us a few hiccups when parsing JSX — turns out, filenames matter a lot more than you'd think!

We had to brainstorm how Empatha should feel — not just what it should do. That was the hardest, and most rewarding part.

💡 What We Learned Voice interfaces are powerful but tricky — context is everything.

A small, minimalistic UI can go a long way when it’s emotionally aware.

Tools should adapt to users, not the other way around.

Debugging Vite feels like a rite of passage!

🚀 What’s Next Smarter AI: Integrate a lightweight language model to truly understand what you're saying

Memory: Let Empatha remember past sessions and follow up with you like a friend

More tools: From budgeting and affirmations to wellness check-ins

Built With

• github
• html5
• javascript
• react
• vite
• vscode
• webspeechapi