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
Team Members: -Faiza Mustafa -Zuhaib -Oma Bahen
Built With
- react-native-?-expo-?-figma-?-react-navigation-?-javascript-?-[future-plan:-firebase
Log in or sign up for Devpost to join the conversation.