Case Study
SoulAnchor: Emotion Based Encouragement App
I built SoulAnchor to solve a practical emotional UX problem: people need support that matches how they actually feel, not generic content feeds. I owned the mobile interaction model, structured emotion data, and implementation of the selection, save, and replay flows.
Product idea
SoulAnchor grew out of a simple question: "What if people could tell an app how they're really feeling and receive encouragement that actually fits?"
The app presents 30+ emotion chips (e.g. anxious, grieving, hopeful, tempted). Tapping one reveals a verse, short encouragement, and guided prayer written for that emotional state. Users can save anything that resonates as an "anchor" to revisit later.
I focused on making the interaction feel calming and intentional, with soft gradients, smooth transitions, and a layout that puts the emotional content front and centre.
Challenge and solution
One challenge was keeping the UI calm while offering 30+ emotion pathways. I solved it with grouped emotion chips, lightweight motion, and clear content hierarchy, which improved scan speed without making the experience feel busy.
Key Features
- Emotion bubbles grouped into Comfort, Struggle, and Growth.
- Each emotion provides a Bible verse, short encouragement, and optional prayer.
- Shuffle button to surface different emotions on each open.
- Saved anchors so users can revisit moments that spoke to them.
What this project shows
- Comfort building React Native UIs with TypeScript.
- Focus on UX details and how an app feels to use.
- Ability to model domain specific data (emotions, verses, prayers) cleanly in code.
- Interest in building products that are emotionally meaningful, not just functional.