Moody is a mobile app designed to help users explore, track, and express their emotions visually, one day at a time.
This project was born from my desire to combine frontend finesse and emotional design into a tool that turns self-expression into a vibrant, visual ritual.
Built with React Native, powered by Firebase, and animated with React Native Skia, Moody lets users map their daily mood through color gradients, journal-like interactions, and social sharing.
Key Features
Social logins (Email, Google, Apple) to simplify access and create a connected experience.
A dynamic UI powered by React Native Skia with playful animations and vivid color gradients.
A custom mood gradient generator for users to reflect and share how they feel.
Integration of mood stickers and emojis to select emotions quickly and intuitively.
Sharing capabilities that let users post their mood to social media as visual stories.
My Role
I was fully in charge of the architecture, development, and UI/UX, building the app from the ground up. I crafted an interface that feels as expressive as it is smooth, while ensuring performance and scalability.
Tech Stack
React Native (Expo)
React Native Skia (custom canvas animations)
Firebase Auth + Firestore
Figma for design (prototyping, color systems)
Availability
The app was published on both iOS and Android stores and designed to be easy to extend for future journaling features.
Like this project
Posted Jan 29, 2024
A mobile app to map and share daily moods using gradients, built with React Native, Firebase and Skia. Crafted with care and emotion.