Selah Case Study

A focused daily devotional

Mobile‑first reading, quick journaling, and simple reflection tools in one place.

Role: Full-stack + UI/UXTimeline: 2.5 weeksHosted on Vercel
Next.jsNext.jsTailwind CSSTailwind CSSFirebaseFirebaseOpenAIOpenAIGeminiGemini
Selah hero image
Executive Summary

Problem · Solution · Outcome

Problem

Daily devotionals were split across PDFs, paper journals, and multiple apps—creating friction and lowering consistency.

Solution

I designed Selah Reflect, a concept mobile app that unifies scripture reading, guided reflection, journaling, and optional AI insights into one streamlined flow.

Outcome (Projected)

Prototype testing achieved high task success for completing a daily devotional. Testers described the flow as faster and more motivating than working from PDFs. Designed and executed solo.

Projected Impact

Projected Impact

  • ~92% prototype task success for starting and completing a daily devotional.
  • Reduced setup from minutes to seconds by consolidating content and journaling.
  • Designed to increase weekly devotional completion and journaling consistency.
  • Focused typography and layouts to reduce cognitive load during reflection.
Problem

Where it began: static PDFs, static hearts

The challenge that sparked Selah.

At my church, devotions lived inside a Dropbox PDF. To engage, members juggled tablets, journals, and pinch-zoomed screens. Reflection was possible, but hardly inviting.

  • Awkward annotations on clunky PDFs
  • No easy way to add notes or search past reflections
  • Access limited to one rigid format

Selah was born to break that friction.

Original PDF page
Solution

A living, breathing devotional

Dynamic, accessible, and personal.

By parsing the church’s PDF into structured JSON, Selah unlocked devotionals into a new medium: clean, mobile-first, and ready anywhere. With journaling and AI reflections built-in, members can go beyond reading—they can converse with Scripture.

Screen 1 – Daily Scripture Overview

Home screen greeting the user and highlighting the date. Focuses on the day’s passage (1 Corinthians 3:10–17) with clean verse typography and a ‘See Today’s Reflection’ call-to-action over a calm, nature-inspired background.

Daily Scripture Overview screen
1 / 4

Daily flow: scripture → guided prompts → journal, without app-switching.

Highlights

Experiences that matter

Daily Scripture & reflections

Feature description for Daily Scripture & reflections.

Guided journaling

Feature description for Guided journaling.

Reflect with AI

Feature description for Reflect with AI.

Resource hub

Feature description for Resource hub.

Mobile-first + PWA

Feature description for Mobile-first + PWA.

Minimal onboarding

Feature description for Minimal onboarding.

Dev Journey

Learning by building

From minimal code knowledge to full-stack delivery.

{ 01 }

Starting out

Design-first background with minimal code. I mostly tweaked front-end styles in no‑code tools—development still felt like a “black box.”
{ 02 }

Practice-based learning

Learned by shipping. With Cursor, I built small layouts, animations, and components—breaking problems down and asking “what if.” Confidence came from doing.
{ 03 }

Backend fundamentals

To make apps work end‑to‑end I learned:
  • Firestore data modeling and reads/writes
  • Creating and consuming APIs
  • Auth and basic security
  • Hosting, deployment, and scalability basics
{ 04 }

Full-stack confidence

From sketch to production with Next.js, Tailwind, Firebase, and AI APIs—shipping polished, usable products on my own.
Process

Crafting Selah

From sketches to sanctuary.

1
📝

Planning & Design

Sketches, flows, and a calm visual identity.
2
🛠️

Development

Next.js, Tailwind, Firebase, and AI integrations.
3
🚀

Deployment

Fast, reliable hosting on Vercel.
Comparison

Before and After

Drag or hover to compare

Drag to compare
second image
first image

Optional AI assistant provides context without overwhelming the UI.

Outcome

Impact in practice

A devotional that meets people where they are.

Selah turns daily devotion into a clear, repeatable routine. People can read the day’s text, capture a quick thought, and return later to pick up where they left off—without jumping between apps. Notes are saved in context, so past reflections are easy to review and compare over time.

When questions come up, built‑in AI offers summaries or prompts to consider, keeping the focus on the passage rather than the tooling. The result is a lightweight flow that helps users stay consistent and engaged, whether they have two minutes or twenty.

Accessibility considerations
  • Minimum 16px base font and generous line spacing for devotional reading.
  • Semantic headings and clear focus order for assistive tech.
  • Calming color palette with AA contrast for scripture text.

See Selah in action

Explore the live app and the source code below.