Mood to Iman

An emotion-based spiritual support tool for daily guidance

Click to jump to sections

Role

Product Designer & AI-Assisted Developer

Timeframe

July 2025

Tools

Cursor AI, Lovable

Platform Status

Live

Project Overview

“Mood to Iman” is a lightweight spiritual support tool that connects emotional states to relevant Islamic guidance. Instead of searching manually for content, users simply select how they feel and receive targeted reminders, videos, and small actionable steps.

 

The Idea

Sometimes people feel worried, helpless, alone, or tired. They don’t know what to read or watch to feel better. Often, the problem is not that there is no guidance, but that it takes a lot of effort to find the right one.

I wanted to create a simple experience where users could select their current emotion and immediately receive relevant Islamic video content related to that feeling.

The goal was to make it clear, simple, and emotionally powerful.

Solution

Emotion-First Interaction

Users start by selecting how they feel (e.g., anxious, sad, lonely, tired, grateful). Based on the selected emotion, the system surfaces:

  • A randomly generated Hadith relevant to that emotional state
  • Curated Islamic video content aligned with that feeling

This makes it easier to use and eliminates the need to search manually.

“Get Sawab” Action Spinner

At the bottom of the page, I introduced a gamified spinner called Get Sawab.

When users spin, they receive a small, actionable spiritual task such as:

  • Smile at someone today
  • Pray 2 rakat salah
  • Give sadaqa etc.

The goal is to encourage small, regular actions instead of overwhelming commitments.

Key UX Decisions

Decision: Emotion-first navigation
Why: When someone is emotionally vulnerable, they should not need to search through categories or menus. Selecting a feeling is faster and more intuitive

Decision: Randomized Hadith per emotion
Why: This helps keep things interesting, motivated and prevents people from getting bored

Decision: Gamified spiritual actions
Why: Encourages consistent positive behavior in an engaging way

Build & Iteration

Mood to Iman is now live and functional. It delivers:

Started the project using Lovable for rapid UI generation and structure

Encountered functional bugs and logic issues during implementation

Switched to Cursor AI to debug logic, refine behavior, and resolve edge cases

Iterated multiple times to stabilize emotion-to-content mapping and spinner behavior

Outcome

This was built using a Vibe Coding workflow.

  • Emotion-based spiritual guidance
  • Randomized, context-aware Hadith
  • Lightweight gamification for daily consistency