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
Log in or sign up for Devpost to join the conversation.