MindEd

Inspiration

MindEd was inspired by the growing need for accessible mental health support combined with personalized education. Mental wellness is often overlooked, and many people lack easy access to empathetic resources. We wanted to create a safe, engaging space where technology can uplift emotional well-being while empowering users through learning.

What it does

MindEd provides a dark-themed, vibrant web app featuring an Eliza-like therapy chatbot that offers empathetic, pattern-based mental health conversations without relying on costly AI APIs. It also includes a Learning Hub with curated mental health content and a Mood Tracker that visualizes emotional trends to encourage self-awareness.

How we built it

We built MindEd primarily using JavaScript, html tailwind, vite for the frontend, with animations and responsive design for a smooth user experience. The chatbot uses an open-source Eliza-like JavaScript library to deliver rule-based responses fully on the client side. For now, data like mood logs and learning progress are stored locally using browser storage.

Challenges we ran into

• Creating a chatbot that felt empathetic without using advanced AI or external APIs was tricky — balancing scripted responses to cover diverse emotions took careful tuning.
  
• Designing a vibrant yet calming dark theme that’s easy on the eyes but engaging required multiple iterations.
  
• Ensuring responsive UI and smooth animations across devices needed attention to detail and testing.

Accomplishments that we're proud of

• Delivering a fully functional frontend that simulates a real user experience without backend dependencies.
  
• Implementing a mood tracker with trend visualization that motivates daily user engagement.
  
• Combining mental health support and education in a single app with a sleek, modern design.

What we learned

• How to implement rule-based chatbots effectively for mental health use cases.
  
• The importance of UX/UI design in creating safe and inviting mental wellness tools.
  
• Managing frontend state and local storage to simulate backend features during development.

What's next for MindEd

• Build out the backend with Node.js and MongoDB to enable persistent user data and full-stack integration.
  
• Add dynamic educational content using free public APIs to keep learning fresh.
  
• Implement push notifications and expand the chatbot’s conversational abilities.
  
• Explore community features for peer support and resource sharing.

Built With

• eliza-like
• html
• html-tailwind
• javascript
• open-source
• vite-for-the-frontend