TMS Companion App
A cross-platform tool to help you stay consistent in your TMS memorization, offering series, songs, plenary guides, and more.
TMS Companion App
Project Purpose:
The TMS Companion App is designed to make memorization and study in the Topical Memorization Series (TMS) easier, accessible, and portable. Whether youβre on mobile, PC, or tablet, the app ensures you can stay consistent in your journey anytime and anywhere.
Key Features:
- Topical Memorization Series (AβE)
- Lyrics Catalog for plenary and group activities
- Plenary Guides & Illustrations
- GRID Series verses from the GRID books
- Multi-language support (Kenyan dialects + international)
- Optimized for mobile-first use with responsive design
Cross-Platform:
Built as a progressive web app (PWA), the TMS Companion runs seamlessly on mobile, tablet, and desktop. You can install it on your phone just like a native app.
Link to Project:
Visit TMS Companion App
App Entry & Home Navigation
flowchart TD
Start([User Opens App]) --> Home["π Home Dashboard"]
Home --> Verses["π Scripture Verses"]
Home --> Songs["π΅ Song Library"]
Home --> Studies["π Bible Studies"]
Home --> Settings["βοΈ Settings"]
Home --> Streak["π₯ Daily Streak"]
Home --> Request["π Request Lyrics"]
Verse Browsing & Interaction Flow
flowchart TD
Verses["π Scripture Verses"] --> GridBooks["π Grid Book Series"]
GridBooks --> BookSelect["Select Book 1β5"]
BookSelect --> VerseGrid["π± Verse Collection View"]
VerseGrid --> VerseDetail["π Individual Verse"]
VerseDetail --> VerseActions{"User Actions"}
VerseActions --> Bookmark["π Bookmark"]
VerseActions --> Share["π€ Share"]
VerseActions --> Navigate["Swipe Navigation"]
Song Library Flow
flowchart TD
Songs["π΅ Song Library"] --> SongList["πΌ Browse Songs"]
SongList --> Search["π Search and Filter"]
SongList --> SongView["π€ Song Display"]
SongView --> SongFeatures{"Song Features"}
SongFeatures --> Lyrics["π View Lyrics"]
SongFeatures --> Chords["πΈ View Chords"]
SongFeatures --> Copy["π Copy to Clipboard"]
SongFeatures --> Zoom["π Zoom Text"]
Study Flow
flowchart TD
Studies["π Bible Studies"] --> StudyList["π Study Library"]
StudyList --> StudySelect["Choose Study Topic"]
StudySelect --> StudyView["π Study Content"]
StudyView --> StudyFeatures{"Study Tools"}
StudyFeatures --> StudyBookmark["π Bookmark Progress"]
StudyFeatures --> StudyNotes["π Take Notes"]
StudyFeatures --> StudyShare["π€ Share Study"]
Settings & App Capabilities
flowchart TD
Settings["βοΈ Settings"] --> Language["π Language (20+ options)"]
Settings --> Theme["π¨ Theme Settings"]
Settings --> Notifications["π Notifications"]
Settings --> PWA["π± Install as App"]
Admin
flowchart TD
Home["π Home Dashboard"] --> AdminCheck{"Admin User?"}
AdminCheck -->|Yes| AdminDash["π Admin Dashboard"]
AdminCheck -->|No| Home
AdminDash --> AddSong["β Add New Song"]
AdminDash --> AddStudy["β Add New Study"]
AdminDash --> ManageContent["π Manage Content"]
Mobile Settings
flowchart TD
VerseDetail["π Individual Verse"] --> MobileFeatures["π± Mobile Features"]
MobileFeatures --> Haptic["π³ Haptic Feedback"]
MobileFeatures --> Swipe["π Swipe Navigation"]
MobileFeatures --> AndroidUI["π€ Android Material UI"]
MobileFeatures --> iOSUI["π iOS Native Feel"]