Shared cards, headers, buttons, and text fields used consistently across every screen.
Stateless and stateful widgets composing every lender, borrower, and wallet flow.
Lines of Dart powering the full authentication, lending, and payment experience.
Building a role-based crowdfunding app around funding clarity.
AI Collection Crowdfunding was shaped as a working Flutter product, not a static screen set: lenders can explore and fund projects, borrowers can submit loan requests, and wallet/payment states keep each financial action traceable.
The Challenge
The product scope spans authentication, lender discovery, project voting, portfolio tracking, wallet top-up, QRIS, virtual account payments, and borrower loan submission. The challenge was keeping all of that financial surface area consistent — one set of UI patterns across role-specific screens, instead of payment, wallet, and lending flows that feel like separate apps stitched together.
Approach
I built role-based navigation on top of a Bloc state-management structure, then reused that foundation across every flow: shared cards, headers, buttons, text fields, and bottom navigation for lender, borrower, and wallet screens alike. That shared component layer is what keeps the app feeling like one product instead of three separate feature sets, and leaves a clean seam for wiring up real backend services later.
The Impact
- Delivered lender-facing home, project listing, voting, project detail, funding, and portfolio flows as connected app journeys.
- Built wallet, top-up, virtual account, QRIS, payment status, transaction, withdrawal, and bank account flows for financial actions.
- Implemented borrower loan submission, credit score, available loan, loan detail, and status tracking flows.
- Consolidated repeated UI into shared Flutter components for cards, headers, buttons, text fields, summaries, and navigation.
Build notes
Implementation Highlights
Lender Funding Flow
- Home dashboard with asset and project summaries
- Project discovery, voting, and funding detail screens
- Portfolio surfaces for ongoing and ordered projects
Wallet and Payment Flow
- Top-up and withdrawal journey
- Virtual account, QRIS, and e-wallet payment states
- Transaction status and balance surfaces
Borrower Loan Flow
- Loan submission and detail input screens
- Available loan offer and credit score views
- Loan project and status tracking screens
A role-based crowdfunding app built beyond static mockups.
What came out of this is a Flutter app that behaves like a real financial product: role-specific navigation, a reusable component system, and payment-heavy flows built with the architecture already in place for real backend integration.
RaafiHilmi
Mobile developer focused on Flutter, Android, API integration, and reliable app flows.