Mood Mirror Mobile Application

Inspiration: As students, we often go through emotional highs and lows. Mood Mirror was born out of the need for a gentle, private space to process feelings — without judgment. It's like a friend in your pocket.

What it does: Mood Mirror lets users:

• Select their mood (Happy, Sad, Angry, Focused)
• Get AI-generated kind suggestions
• Journal their thoughts
• View illustrations and calming content

How we built it:

• Designed UI/UX using Figma
• Developed using React Native with Expo
• Navigation handled by React Navigation
• AI responses powered by a mock of ChatGPT-style prompts
• Illustrations added to improve emotional impact

Challenges:

• First time building a mobile app from scratch
• Learned how to use navigation and image assets in React Native
• Managing folder structure and assets correctly
• Planning for future AI and Firebase integration

What we learned:

• Building UI with React Native components
• Connecting screens via navigation
• Structuring a mobile project for teamwork
• How small design choices impact mental wellness apps

What's next:

• Add Firebase backend to store journal entries
• Integrate real ChatGPT API for smarter suggestions
• Add mood history via calendar

Built With

• react-native-?-expo-?-figma-?-react-navigation-?-javascript-?-[future-plan:-firebase