Inspiration

Inspiration

We wanted to create a simple way for people to pause, reflect on how they are doing, and understand their wellbeing over time.

Many wellbeing tools can feel overwhelming or focus too heavily on complicated dashboards. We wanted MindGuard AI to feel different: simple, calm, and focused on daily self-awareness.

What We Built

MindGuard AI is an AI-powered wellbeing companion that allows users to complete a short daily check-in covering:

  • Mood
  • Stress
  • Energy
  • Sleep
  • Focus

The application converts these answers into an overall wellbeing score and visual metrics.

Users can also see their wellbeing progress over time through a weekly trend chart and review previous check-ins through the history page.

The dashboard includes an AI Insight section that provides a concise interpretation of the latest check-in and practical suggestions.

How We Built It

We built MindGuard AI using:

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Recharts
  • Google Gemini API
  • Browser localStorage and sessionStorage

The application uses a Next.js API route to securely communicate with Gemini rather than exposing the API key in the browser.

We also implemented a smart local fallback system. If Gemini is unavailable or the API quota is exceeded, the application continues working and clearly identifies the analysis source as "Smart local analysis."

This helped us make the experience reliable instead of allowing an API limitation to break the dashboard.

Challenges

One of our biggest challenges was working with AI API limits.

During development, we reached the Gemini free-tier request quota. Instead of letting the application fail, we designed a fallback experience that keeps the dashboard functional.

We also had to carefully handle client-side data persistence, dashboard state, weekly history calculations, loading states, and error states.

Another challenge was keeping the interface visually simple while still presenting useful information. We focused on a dark, minimal interface with clear cards, progress indicators, charts, and source labels.

What We Learned

We learned that building an AI-powered application is not only about connecting an AI model.

A reliable AI product also needs:

  • Graceful API failure handling
  • Clear user feedback
  • Data persistence
  • Loading and error states
  • Responsible AI messaging
  • A fallback when external services are unavailable

We also learned how important it is to separate AI-generated content from deterministic application logic. The wellbeing score and historical trends are calculated locally, while Gemini is used for the personalized insight layer.

What's Next

Future versions of MindGuard AI could include:

  • Longer-term wellbeing trends
  • More personalized recommendations
  • User accounts and cloud synchronization
  • Optional reminders
  • More advanced AI insights
  • Additional wellbeing metrics
  • Improved personalization based on historical patterns

MindGuard AI is designed as a general wellbeing support tool and is not intended to diagnose medical or mental health conditions.

What it does

How we built it

Challenges we ran into

Accomplishments that we're proud of

What we learned

What's next for MindGuard AI

Built With

Share this project:

Updates