BMP Web App

As a user, I want a smooth, consistent, and reliable experience while using finance features (KYC, accounts, transfers, wallet, etc.), so that all flows work correctly with proper UI/UX, accurate API handling, and no broken states.

Currently, Bridge APIs are integrated, but there are issues in flow handling, UI consistency, API response handling, and edge cases. These need to be reviewed, fixed, and improved both on frontend and backend.

🎯 Objectives:
Fix UI/UX inconsistencies across Finance module
Validate and stabilize all Bridge API flows
Handle all edge cases and API response scenarios
Improve error handling and user feedback
Ensure end-to-end working flows (production ready)
📦 Scope (Modules to Fix & Verify):
🏦 Core Finance Flows
Virtual Accounts
External Accounts
Transfers (Send / Receive)
Deposit & Withdraw (External)
Wallet (Balance / Flow handling)
Liquidation Accounts
Endorsements

⚙️ Backend Improvements:
Fix inconsistent API responses
Standardize response format
Fix incorrect status codes
Improve error messages
Handle null / missing data cases
Ensure stable data contracts
🎨 UI/UX Improvements:
Fix inconsistent layouts
Improve user feedback (loading, error, success)
Ensure proper state-driven UI
Align with Figma design
Remove flicker / broken transitions
Improve responsiveness
✅ Acceptance Criteria:
All finance flows work end-to-end without breakage
UI matches expected UX (smooth + consistent)
All API states handled correctly
No crashes or undefined states
Proper error messages shown to users
Backend responses are stable and predictable
⚠️ Edge Cases:
API failure / timeout
Partial or null response
Pending KYC / incomplete onboarding
Failed transfers
No accounts / empty data
Network issues

🔗 Dependencies:
Bridge APIs
Backend fixes (if required)
Figma UI designs
Auth (JWT + CSRF)