Mood Reframer

• 

  "Meet your AI companion: Users can chat with their customizable pet, 'Whisker,'

• 

  "Beyond reframing: The app features a gratitude journal where users can save and view past entries, helping to build a positive miindset.

• 

  "The core of the app: Users can describe their day and select a tone, and the AI will provide a supportive, reframed perspective."

Mood Reframer: Your AI Companion for a Better Day

Inspiration

In our fast-paced lives, it’s easy to get caught up in negative thought patterns. A tough day can quickly spiral, impacting our mental well-being. I was inspired to create a tool that acts as a friendly, non-judgmental space for users to pause, reflect, and gently reframe their perspective. The goal of Mood Reframer is to provide a simple, accessible, and private way to practice mindfulness and build emotional resilience — making mental wellness support available to everyone.

What It Does

Mood Reframer is a comprehensive web application designed to be a personal companion for your mental wellness journey, offering:

AI-Powered Mood Reframing – Describe your day, and a friendly AI will offer a kind, human-like perspective in an encouraging, humorous, or reflective tone.

AI Companion Chat – Chat with your customizable pet companion, “Whisker,” who provides cheerful, supportive short-form encouragement.

Gratitude Journal – Write down and save three things you’re grateful for each day, helping you focus on the positive.

Guided Breathing – A simple, visually guided breathing exercise to help you calm down and center yourself.

Personalization & History – Customize your companion’s name and color, save favorite reframes, and download your mood or chat history to track your journey.

How I Built It

This project was built as a single-page application with a lightweight, modern stack:

Frontend – HTML5, Tailwind CSS, and vanilla JavaScript for styling and interactivity.

AI Integration – Powered by Google AI (Gemini) API for mood reframing and companion chat.

Persistence – Browser localStorage for saving journals and preferences privately.

Challenges I Ran Into

Fine-tuning AI prompts to feel genuinely warm and human instead of robotic.

Seamlessly integrating all five features into a clean and uncluttered UI.

Accomplishments I’m Proud Of

Created a multi-faceted tool that goes far beyond a text generator.

Successfully integrated five major features into a polished, cohesive application.

Designed a calm, clean, and intuitive UI that enhances user experience.

What I Learned

Practical AI integration using Google AI API.

Writing effective prompts to shape AI tone and personality.

State management in vanilla JavaScript to ensure smooth data saving and rendering.

What’s Next

Implementing a secure backend (e.g., serverless function) to manage the API key for public deployment.

Adding mood tracking with visual charts.

Expanding guided exercises to include short meditations.

Hackathon Tracks

AI/ML – Core AI-powered reframing and chat features.

Visual Design – Warm, minimal UI with smooth animations and calming theme.

Lifestyle Hacks – Encourages daily mindfulness, gratitude, and stress management.

Built With

• google-ai-(gemini)-api
• html5
• javascript
• localstorage
• tailwind-css