99 App
Audit Intelligence
Metrics
Updated -   Screens -   Avg -
Metrics1
Flowchart2
Feature Map3
Test Suite4
Roadmap5
Tasks6
Legend7
Code8
Agents9
Docs
Admin
Status:
Section:
Screen ↕ Component ↕ Status ↕ Layout Targets Anim Consistent States A11y Gating Score Notes
App Entry & Main Navigation
flowchart LR LOAD["App Load"] --> OBC{Onboarding done} OBC -->|No| OBF["Onboarding Flow"] OBC -->|Yes| HOME["Home"] OBF --> HOME HOME -->|Nav Dial| INV["Invest"] INV -->|Nav Dial| CHP["Charity"] CHP -->|Nav Dial| CASH["Cashback"] CASH -->|Nav Dial| HOME HOME --> HDR["Header"] HDR --> PM["Profile Menu"] HDR --> CM["Card Menu"] HDR --> CHT["Chat Modal"] HOME --> BR["Balance Ring"] BR --> HAM["Home Action Menu"] HOME --> TS["Transactions Sheet"]
Onboarding - Create Account Path with KYC Branches
flowchart TD WEL["Welcome"] --> PATH{Choose path} PATH -->|Create Account| PHONE["Phone Number"] PATH -->|Pilgrimage Card| PREP["Prepaid Intro"] PATH -->|Login| LFACE["Face ID Login"] PHONE --> OTP["OTP Verify"] OTP --> INTENT["Intent Capture"] INTENT --> PERS["Personal Details"] PERS --> ADDR["Address Screen"] ADDR --> FIN["Financial Profile"] FIN --> KYCAP["KYC Capture"] KYCAP --> PEND["Pending Verification"] PEND -->|Instant pass| KYOK["KYC Approved"] PEND -->|Manual review| KYREV["Under Review"] PEND -->|Docs unclear| KYINFO["Additional Info Needed"] PEND -->|Hard fail| KYFAIL["KYC Rejected"] KYREV -->|Cleared| KYOK KYREV -->|More info req| KYINFO KYREV -->|Rejected| KYFAIL KYINFO -->|Resubmit docs| KYCAP KYFAIL -->|Retry upload| KYCAP KYFAIL -->|File appeal| APPEAL["Appeals Process"] KYOK --> PASS["Set Passcode"] PASS --> FID["Face ID Setup"] FID --> WAL["Wallet Prompt"] WAL --> UNAME["Username Selection"] UNAME --> CSEL["Card Selection"] CSEL --> BWALK["Benefits Tour"] BWALK --> COMP["Complete"] PREP --> PDET["Card Details"] PDET --> PAID["ID Upload"] PAID --> PCONF["Prepaid Confirm"] PCONF --> PSUC["Prepaid Success"] PSUC --> COMP LFACE --> COMP style KYOK fill:#003d1a,stroke:#22C55E,color:#4ADE80 style KYFAIL fill:#3d0000,stroke:#EF4444,color:#FCA5A5 style KYREV fill:#2d2000,stroke:#F59E0B,color:#FCD34D style KYINFO fill:#001833,stroke:#3B82F6,color:#93C5FD style APPEAL fill:#1a0000,stroke:#EF4444,color:#FCA5A5
Profile Menu - 15 Sub-Views
flowchart TD PMAIN["Profile Root"] --> ACC["Account Details"] ACC --> ADRED["Edit Address"] PMAIN --> STMT["Statements"] PMAIN --> SETT["Settings"] PMAIN --> NOTIF["Notifications"] PMAIN --> A11Y["Accessibility"] PMAIN --> BEN["Tier and Benefits"] BEN --> UPGRD{Upgrade confirm} BEN --> DNGRD{Downgrade confirm} PMAIN --> LIM["Limits and Usage"] PMAIN --> INS["Insights"] PMAIN --> SUP["Help and Support"] PMAIN --> LEG["Legal Hub"] PMAIN --> PRIV["Data and Privacy"] PRIV --> CLOSE["Close Account"] PMAIN --> PCONV["Prepaid Convert"] style LEG fill:#1a0d00,stroke:#F59E0B,color:#FCD34D style PRIV fill:#1a0d00,stroke:#F59E0B,color:#FCD34D style PCONV fill:#1a0030,stroke:#A855F7,color:#C084FC
Card Menu + Send Flow
flowchart TD CROOT["Card Menu Root"] --> CCAROUSEL["Card Carousel"] CCAROUSEL --> CPHYS["Order Physical Card"] CPHYS --> CPICK["Choose Type"] CPICK --> CADR["Shipping Address"] CADR --> CCONF["Confirm Order"] CCONF --> CDONE["Order Done"] CCAROUSEL --> CBANK["Bank Transfer Details"] CCAROUSEL --> CVIRT["Virtual Card Create"] CCAROUSEL --> CFX["FX Conversion"] CCAROUSEL --> CLOST["Lost or Stolen"] CCAROUSEL --> CEDIT["Edit Card Label"] SEND["Send Flow"] --> SPAY["Payee List"] SPAY --> SPDET["Payee Detail"] SPDET --> SAMT["Enter Amount"] SAMT --> SCONF["Confirm Send"] SCONF --> SDONE["Send Done"] SPAY --> SADD_D["Add Domestic Payee"] SADD_D --> SD_NAME["Name"] SD_NAME --> SD_SORT["Sort Code"] SD_SORT --> SD_ACCT["Account No"] SD_ACCT --> SD_REV["Review"] SD_REV --> SPAY SPAY --> SADD_I["Add Intl Payee"] SADD_I --> SI_NAME["Name"] SI_NAME --> SI_CURR["Currency"] SI_CURR --> SI_IBAN["IBAN"] SI_IBAN --> SI_SWIFT["SWIFT"] SI_SWIFT --> SI_REV["Review"] SI_REV --> SPAY
More Services + Request + Transfer
flowchart TD MGRID["More Services Grid"] --> MBILLS["Bills"] MBILLS --> MBTAB["Bills Tab"] MBILLS --> MSTAB["Subscriptions Tab"] MGRID --> MSTMT["Statements"] MGRID --> MSUPP["Support"] MGRID --> MQRSC["Scan QR"] MGRID --> MEXCH["Exchange"] REQ["Request Flow"] --> RSEL["Select Contact"] RSEL --> RAMT["Enter Amount"] RAMT --> RCONF["Confirm Request"] RCONF --> RSUC["Request Sent"] RSEL --> RSHARE["Share Link"] RSHARE --> RCOMP["Compose Share"] RCOMP --> RSENT["Share Sent"] TRF["Transfer Flow"] --> TSEL["Select Cards and Amount"] TSEL --> TCONF["Confirm Transfer"] TCONF --> TDONE["Transfer Done"]
Transactions Sheet - Spaces and Co-Spaces
flowchart TD TSHEET["Transactions Sheet"] --> TLIST["Transaction List"] TLIST --> TDET["Transaction Detail"] TSHEET --> SPACES["Spaces Row"] SPACES --> SDET["Space Detail"] SDET --> SAUTO["Automation Panel"] SAUTO --> SRND["Round-Ups"] SAUTO --> SASAVE["Auto-Save"] SAUTO --> SSALARY["Salary Day Save"] TSHEET --> COS["Co-Spaces Row"] COS --> CSDET["Co-Space Detail"] CSDET --> CSMAIN["Main View"] CSDET --> CSMEM["Members Overlay"] CSMEM --> CSROLE["Role Editor"] TSHEET --> NEWSP["New Space Wizard"] NEWSP --> NSW_TYPE["Choose Type"] NSW_TYPE --> NSW_NAME["Name and Goal"] NSW_NAME --> NSW_CURR["Currency"] TSHEET --> NEWCOS["Co-Space Create Wizard"] NEWCOS --> NCW_CURR["Currency"] NCW_CURR --> NCW_NAME["Name and Goal"] NCW_NAME --> NCW_CARD["Virtual Card"] style SASAVE fill:#1a0e00,stroke:#F59E0B,color:#FCD34D style SSALARY fill:#1a0e00,stroke:#F59E0B,color:#FCD34D
Charity + Chat + Cashback + Invest
flowchart TD CHAR["Charity Page"] --> DFLOW["Donation Flow Modal"] CHAR --> ZAKAT["Zakat Calculator"] CHAR --> RAISE["Raise Project Modal"] CHAR --> PROJ["Project Tracking Modal"] CHAR --> IMP["Impact Detail Page"] CHATM["Chat Modal"] --> CHLIST["Conversation List"] CHLIST --> CHDM["DM Thread"] CHDM --> CHPAY["Pay button"] CHPAY --> SFLOW["Send Flow"] CHLIST --> CHGRP["Group Thread"] CHGRP --> CHSPACE["Space button"] CHSPACE --> COSP["Co-Space Detail"] CBPAGE["Cashback Page"] --> CBGRID["Partner Grid"] CBGRID --> CBDET["Partner Detail"] CBPAGE --> CBMAP["Map View"] CBMAP --> CBFULL["Fullscreen Map"] INVPAGE["Invest Page"] --> INVLIST["Fund List"] INVLIST --> INVDET["Fund Detail"] style CBPAGE fill:#001a0a,stroke:#22C55E,color:#4ADE80 style CBGRID fill:#001a0a,stroke:#22C55E,color:#4ADE80 style CBDET fill:#001a0a,stroke:#22C55E,color:#4ADE80 style INVLIST fill:#001233,stroke:#3B82F6,color:#93C5FD style INVDET fill:#001233,stroke:#3B82F6,color:#93C5FD
Status:
Section:
Type:
-
Total Cases
0
Passed
0
Failed
0
Skipped
-
Coverage
-
P0 Blocking
-
P1 Important
-
P2 Polish
-
P3 Backlog
-
Done

Screen Status

Complete Fully built and polished
Partial Built but has known gaps
Placeholder Shell only, no real content
Coming Soon Intentionally deferred (FCA/backend)

Metric Grades

 Passes standard
⚠️ Needs improvement
 Fails or missing
N/A Not applicable

Metric Definitions

Layout - Spacing, hierarchy, overflow, safe areas
Targets - Interactive elements ≥44×44px (iOS HIG)
Anim - Entry/exit, gesture physics, reduced-motion
Consistent - Design tokens, colours, typography
States - Empty, loading, and error states handled
A11y - aria-labels, colour contrast, screen reader
Gating - Feature shown/hidden correctly per tier

Score Thresholds

86–100% Excellent
60–85% Acceptable
<60% Needs work
Score = sum(metric weights) / applicable metrics × 100. Pass=1, Warn=0.5, Fail=0.

Tier Gates

All Available to all tiers
Gold Requires Gold subscription
Prepaid Pilgrimage card only

How to Update

Edit audit/index.html at the project root. Update the SCREENS, APP_ITEMS, TESTS, ROADMAP, or TASKS arrays in the script section.

Deploy: push to main - auto-deploys via Cloudflare Pages to 99app-audit.pages.dev

Local dev: cd audit && npx wrangler pages dev . --port 4000

Status changes, notes, and test results persist in localStorage. Role (Admin/Editor/Viewer) is session-only.
Your Profile
Signed in via GitHub
?
-
Not signed in
Viewer
View on GitHub
Access Permissions
Session
Token stored in sessionStorage - expires when you close the tab.
Settings
Configuration and access management
General
Repository
99FT/Demo-Prototype - main branch
Open
Dashboard version
v2.0 Engineering Intelligence - Cloudflare Pages
Live
Access Permissions Admin only
Loading permissions...
Appearance
Customize how the dashboard looks
Display
Compact rows
Reduce padding in tables and lists for more density
Monospace labels
Use Fira Code for all secondary labels and badges
Reduced glow effects
Disable ambient background gradients
Keyboard Shortcuts
Switch between sections1-9
Close overlaysEsc
Focus search/
Open menuM