Skip to content

Case Study 4

The Bible Devotion Generator is a simple React application created using Vite and TypeScript. It’s designed to provide devotionals with a spiritual theme quickly and clearly. The app is set up with subfolder routing and includes features like randomized scripture, reflection prompts, and prayer guidance aimed at four different groups: married couples, ladies, gentlemen, and those looking for group study. It showcases a commitment to ethical design and interactive creativity.

The app includes:

  • Randomized devotional generation featuring scripture, reflection, and prayer
  • Four types of devotionals: Ladies, Gentlemen, Group, and Short
  • A print-friendly layout complete with a dedicated Print button
  • A fast Vite build optimized for subfolder deployment
  • Styled devotion headers that incorporate icons and color themes

Technology

Vite + React + TypeScript
Folder routing managed through .htaccess and vite.config.ts
Clean build output with resolved asset paths
No external dependencies other than Vite plugins
Hosted on WordPress at /bible-devotion/

View Bible Devotion App

Link to Daily Bible Devotions App