25 lines
1.1 KiB
Markdown
25 lines
1.1 KiB
Markdown
# Akefin Mobile — UI Kit
|
|
|
|
A pixel-faithful recreation of the **Akefin mobile app** (iOS-focused; Android renders identically with platform chrome substitutions). For the on-the-go review case.
|
|
|
|
## Screens
|
|
|
|
1. **Review queue** — compact stack of staged transactions, swipeable. Tap to review.
|
|
2. **Transaction detail** — full-screen card with payee, amount, AI suggestion, account picker, ledger preview, **Approve / Override / Skip**.
|
|
3. **Account picker** — sheet with fuzzy search + MRU + hierarchical browse.
|
|
4. **Import status** — recent runs and totals.
|
|
5. **Ledger** — per-entity account balances summary.
|
|
|
|
## Files
|
|
|
|
| File | Purpose |
|
|
|---|---|
|
|
| `index.html` | Live prototype — three iPhone frames side-by-side showing the main screens |
|
|
| `MobileApp.jsx` | Stateful navigation between screens |
|
|
| `MobileScreens.jsx` | All five screens (Queue, Detail, Picker, Import, Ledger) |
|
|
| `MobileAtoms.jsx` | Mobile-tuned chips/badges (slightly larger touch targets) |
|
|
| `ios-frame.jsx` | Starter iOS device frame |
|
|
|
|
## Caveats
|
|
|
|
Recreated from the brief. Iterate.
|