Inspiration
I wanted to create something meaningful that could brighten someone's day, especially when they're feeling down. The idea for MoodLift AI Buddy came from the need for a fun, supportive app that uses AI to understand how you're feeling and responds with just the right dose of positivity. I was inspired by the idea of blending cutting-edge AI with a vibrant, engaging interface to make mental wellness feel personal and uplifting, like a friend who's always there for you.
What it does
MoodLift AI Buddy is a mobile and web app that acts like a cheerful companion. You type in how you're feeling (like "I had a rough day"), and the AI analyses your mood in real-time. Based on that, it serves up personalised goodies—motivational quotes, fun mini-games, or calming mindfulness exercises. The app's interface is a visual treat, with animated backgrounds that shift to match your mood (think sunny skies for happy or gentle waves for stressed). You can track your mood history with a cool calendar and charts, customise your profile with a picture and mood-themed frames, and even share uplifting messages on social media. Plus, it lets you connect to different AI providers (like OpenAI or Gemini) for mood detection, all wrapped in a sleek, dark-theme design.
How I built it
I brought MoodLift AI Buddy to life using Bolt.new, AI-powered web development platform, which made prototyping a breeze. The front end is built with React and Tailwind CSS, creating a smooth, dark-themed interface with colours like purple, teal, and orange to keep things lively. We used localStorage to save user preferences, like profile pics and mood history. For the backend, we set up a Node.js/Express server to securely manage API keys and proxy AI requests to providers like OpenAI, Gemini, or Anthropic. The app features three main pages—Home, Mood History, and Settings—packed with dynamic backgrounds, a share button, and a settings menu for customisation. With the Prompt, I first researched, organised system text data and used it as the Prompt.
Challenges we ran into
Building this app wasn't all smooth sailing! One big hiccup was that Bolt.new sometimes struggled to follow my detailed prompt, leading to incomplete or buggy code for things like mood detection or animated backgrounds. A power outage at home threw a wrench in my workflow, causing the delay.
Accomplishments that I am proud of
I'm thrilled with how MoodLift AI Buddy turned out! I built a fully functional app with a gorgeous, responsive design that works on phones, tablets, and desktops. The AI-driven mood detection is spot-on, delivering tailored content that feels personal. Those dynamic backgrounds? They’re a total vibe, shifting with your mood to make every interaction feel special. The mood history page, with its colour-coded calendar and charts, is a standout feature, and I successfully deployed the app to Netlify (check it out at https://chic-gecko-a582a4.netlify.app!). Oh, and we nailed the TODO.md file to keep everything organised.
What we learned
This project taught me a ton! I learned that AI tools like Bolt.new are powerful but need clear, broken-down prompts to shine. The power outage showed me the value of frequent saves and cloud-based workflows—lesson learned! Most importantly, I saw how small design choices, like animations or colour schemes, can make a big impact on user experience. Security practices, like input sanitisation and secured storage, also became second nature.
What's next for MoodLift AI Buddy
I'm just getting started! Next, I want to make the app even more personal by letting users write journal entries for deeper mood insights. I'm excited to add gamification—think earning points for mood check-ins or completing "Mood Quests" for rewards. I'm also planning to support voice and facial inputs for better mood detection and integrate with wearables like Fitbit to tie in sleep or activity data. Imagine immersive "Mindful Escapes" with AI-generated art and music tailored to your mood! I'm also focused on accessibility (like screen reader support) and user testing to make the app even better. Down the line, we might explore a freemium model with premium features, but for now, we’re all about making MoodLift AI Buddy a go-to wellness companion.
Built With
- anthropicapi
- backend
- boltdotnew
- css
- customapiendpoints
- encrypted
- express.js
- geminiap
- html
- javascript
- localstorage
- netlifty
- node.js
- openaiapi
- react
- tailwindcss
- typescript
Log in or sign up for Devpost to join the conversation.