ake/akefin-design-system
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

first commit

Browse source
This commit is contained in:
Alkim Ake Gozen 2026-05-23 11:59:45 +09:00
commit 8b790b7601
86 changed files with 6348 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

25
ui_kits/mobile/README.md Normal file
View file

@ -0,0 +1,25 @@
# 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.