Inspiration

Teens around the world struggle with stress, motivation, and mental balance, especially with school pressure and social media. We wanted to build something that feels engaging and fun while helping users build better habits and take care of their mental wellbeing.

What it does

MindQuest is an interactive self-improvement and mental wellness app for teens. It helps users build healthy habits, track their progress, complete daily challenges, and stay motivated through a gamified experience that feels like leveling up in a game.

How we built it

We built MindQuest using HTML, CSS, and JavaScript. The app is structured with multiple tabs for different features like tasks, progress tracking, and rewards. We also integrated AI to enhance the experience by helping generate personalized suggestions, motivation prompts, and adaptive wellness tips based on user activity. This makes the app more interactive and tailored to each user. We focused on creating a game-like UI and smooth JavaScript interactions to keep everything responsive and engaging.

Challenges we ran into

We faced issues with merging multiple files into one working project, fixing UI layout bugs, and making sure all tabs and features worked correctly together without breaking the interface. Debugging JavaScript interactions was also a big challenge.

Accomplishments that we're proud of

We’re proud that we were able to turn a mental wellness idea into a fully interactive, game-style web app. We successfully built a working prototype with multiple features and a clean, engaging design.

What we learned

We learned how to better structure a full-stack style frontend project, how to debug JavaScript more effectively, and how important UI/UX design is when building apps meant to motivate users.

What's next for MindQuest

Next, we want to add user accounts, cloud saving, streak systems, AI-powered suggestions for mental wellness, and mobile optimization. We also plan to expand it into a more advanced habit and mental health companion app.

Built With

  • ai
  • and-javascript.-the-app-is-structured-with-multiple-tabs-for-different-features-like-tasks
  • and-rewards.-we-also-integrated-ai-to-enhance-the-experience-by-helping-generate-personalized-suggestions
  • css
  • html
  • javascript
  • motivation-prompts
  • palantir
  • progress-tracking
Share this project:

Updates