Inspiration: In today's world of social media comparison and rising mental health challenges, I noticed how people struggle with self-worth - quick to comfort friends but harsh on themselves. The inspiration came from realizing that sometimes we just need gentle, consistent reminders that we matter. I wanted to create technology that acts like your own best friend, offering personalized encouragement throughout the day without the complexity of traditional therapy apps.

What it does: "You Matter" is a mental health web app that sends personalized daily reminders to combat self-doubt and negative self-talk. Users can:

Set up customized reminder schedules based on their personal struggles (anxiety, depression, loneliness)

Receive browser notifications with encouraging messages using their name

Track their emotional journey with simple mood logging

Build streaks to gamify their self-care routine

Browse their collection of past reminders for tough moments

Export their progress as shareable images

Access everything offline - no accounts or internet required after initial load

How we built it: This entire app was built using one single prompt to Bolt.new, showcasing the power of AI-assisted development. The prompt generated a complete React application featuring:

Frontend: React with beautiful, calming UI design

Persistence: LocalStorage for user data (no backend needed)

Notifications: Browser Notification API for daily reminders

State Management: React hooks for mood tracking and streak counting

Responsive Design: Works seamlessly on desktop and mobile

Deployment: Hosted on Netlify for instant global access

Challenges we ran into: Browser notification permissions: Ensuring users understand the value before requesting access

Timing complexity: Building accurate reminder scheduling and streak calculation logic

Data persistence: Implementing reliable LocalStorage management without losing user progress

Emotional design: Creating a UI that feels warm and supportive rather than clinical or overwhelming

One-prompt constraint: Achieving full functionality without iterative development cycles

Cross-browser compatibility: Ensuring notifications work consistently across different browsers

Accomplishments that we're proud of: Built a complete, functional mental health app in one prompt - proving AI can create meaningful solutions quickly

Zero barriers to entry - no signups, no APIs, works instantly for anyone

Real impact potential - addresses genuine mental health needs with simplicity

Technical elegance - sophisticated features (notifications, data persistence, mood tracking) with pure frontend

Beautiful, accessible design - calming colors and intuitive interface

Offline functionality - works completely without internet after initial load

What we learned: One-prompt development can create genuinely useful, complex applications

Mental health technology doesn't need complexity to be impactful - sometimes simplicity is more effective

Browser APIs are incredibly powerful for building personal productivity tools

LocalStorage can effectively replace databases for individual user applications

User experience design is crucial for mental health apps - every interaction should feel supportive

Bolt.new's capabilities are remarkable for rapid prototyping and full-stack development

What's next for You Matter: While created for the one-shot competition, "You Matter" has potential for meaningful expansion:

Smart personalization: Learning from user mood patterns to optimize reminder timing

Community features: Anonymous support groups and shared encouragement

Integration capabilities: Calendar sync, health app connections, smart home notifications

Accessibility enhancements: Voice commands, screen reader optimization, high contrast modes

Multilingual support: Spreading positive mental health messages globally

Built With

  • bolt.new
  • browser-web-apis-(notifications
  • css3
  • html5
  • javascript-(es6+)
  • localstorage)
  • netlify-(hosting)
  • react.js
Share this project:

Updates