KPI Tracker — Web vs Mobile

Feature parity analysis

Generated Feb 24, 2026 · Codebase snapshot

14
Shared Features
3
Web Only
3
Mobile Only

Feature Comparison

Feature 🌐 Web 📱 Mobile
1. Authentication
Email/password sign up & in ✅ Supabase AuthEmail confirmation flow ✅ Supabase AuthEmail confirmation flow
Google OAuth ✅ Google OAuth via Supabase ❌ Not implementedEmail/password only
Logout ✅ Via sidebar/nav ✅ Profile screen with confirmation dialog
Protected routes ✅ ProtectedRoute component ✅ Auth guard in _layout.js
2. KPI Management
Create KPI (recurring) ✅ KPIForm dialog in Settings ✅ KPIForm modal in Settings
Edit KPI ✅ Edit button per KPI row ✅ Pencil icon per KPI row
Delete KPI ✅ Trash icon, instant ✅ Trash icon + confirmation Alert
Data types (boolean/number/range) ✅ All three ✅ All three
Cadence (daily/weekly/monthly/yearly/once) ✅ Full cadence engine ✅ Full cadence engine (ported)
Display IDs (e.g. K3, T5) ✅ displayPrefix + displayId ✅ ID badges shown in Settings
Drag-assign KPIs to categories ✅ DnD with react-dnd (HTML5) ✅ KPIDragAssign component
3. Daily Check-in
Log boolean/number/range values ✅ KPIItem inline controls ✅ KPIItem inline controls
Date picker / navigation ✅ Calendar DatePicker popup ✅ Horizontal date pill scroller (14 days)
Quick add to-do (one-off task) ✅ "+" button → dialog with cadence=once ✅ FAB → bottom sheet modal
Category-grouped KPI list ✅ KPICategoryList with adjustable width ✅ KPICategoryList (native)
Column width slider ✅ Desktop only (md+ breakpoint) ❌ Not applicable (single-column mobile)
4. Dashboard / Overview
Today's completion ring ✅ CompletionRing component ✅ CompletionRing (SVG-based)
Streak cards grid ✅ 2-column grid, scroll area ✅ 2-column grid with row layout
Stats summary pills ❌ Not present ✅ Active KPIs, Today %, Best Streak
Pull-to-refresh ❌ N/A (desktop browser) ✅ RefreshControl on Dashboard + Check-in
5. Streaks
Streak calculation ✅ In supabaseStore (inline) ✅ Dedicated streakCalc.js + streakCalculator.js
Current + longest streak display ✅ StreakCard component ✅ StreakCard component
6. Categories
CRUD categories ✅ CrudTable in Settings tab ✅ CategoryManager component
Reorder categories ✅ Drag handles in CrudTable ✅ CategoryManager (sortOrder)
7. Voice Commands
Voice recording ✅ MediaRecorder API (WebM) ✅ expo-av Recording (M4A)
AI command parsing (Gemini) ✅ Supabase Edge Function ai-proxy ✅ Same edge function
Conversational chat mode ✅ VoiceChatPanel with message history, text + voice input ❌ Single-shot voice onlyNo text input, no multi-turn chat
Command by display ID ✅ "Mark K3 done" via resolveDisplayId ✅ Same resolveDisplayId logic
Dedicated voice screen ❌ Slide-up panel (no dedicated page) ✅ Full tab screen with pulse animation + command history
8. Notifications / Reminders
Notification rule CRUD ✅ Settings → Notifications tab ✅ Settings → Notifications tab
Frequency (hourly/daily/weekly) ✅ Dropdown select ✅ Pill toggle buttons
Time window (start/end hour) ✅ TimeSelect component ✅ Hour picker modal
Actual push notifications ⚠️ Simulated only (noted in UI) ⚠️ Rules saved but no push integration yet
9. Settings & Profile
Profile screen ❌ No dedicated profile page ✅ Avatar, stats summary, account info, web link
Overdue task auto-reschedule ✅ OverdueTaskBadge + auto-move logic in store ✅ Same logic ported in store.js
10. Real-time Sync
Supabase Realtime subscription ✅ RealtimeProvider wraps pagespostgres_changes on categories, kpis, records, notifications ✅ initializeRealtime in storeSame channel subscriptions
Cross-device sync ✅ Via Supabase ✅ Via Supabase
11. Other
Data export ❌ Not implemented ❌ Not implemented
Templates ❌ Not implemented ❌ Not implemented

Parity Gaps — What to Build Next

📱 Mobile Needs from Web

  1. Google OAuth sign-in High Web has "Continue with Google" via Supabase OAuth. Mobile only has email/password. Friction reducer for onboarding.
  2. Conversational voice chat Medium Web has a multi-turn chat panel (text + voice, message history). Mobile is single-shot record → execute. Adding chat would make voice dramatically more useful.
  3. Auth state cleanup utility Low Web has authCleanup.ts that purges stale Supabase tokens from localStorage before sign-in. Mobile should clear AsyncStorage equivalents.

🌐 Web Needs from Mobile

  1. Dashboard stats summary High Mobile has 3 stat pills (Active KPIs, Today %, Best Streak) at the top of Dashboard. Web has none — just the ring and streak cards. Easy win.
  2. Profile page Medium Mobile shows avatar, email, account status, stats (KPIs/Recurring/Categories/Records), version, link to web app. Web has zero profile UI.
  3. Dedicated voice screen with history Low Mobile has a full voice tab with pulse animation, hint examples, and scrollable command history. Web only has a slide-up panel. Nice to have.

🚧 Missing from Both Platforms

FeatureNotes
Data export (CSV/JSON) No export capability on either platform. Users can't download their data.
KPI templates No pre-built template library. Every KPI must be created from scratch.
Actual push notifications Both store notification rules in Supabase but neither delivers real notifications. Web notes this is "simulated."
Charts / trend graphs Dashboard shows completion ring and streak cards, but no historical trend charts or graphs.
KPI Tracker Feature Parity Report · Auto-generated by Steve · Feb 24, 2026