A banking app, its again workplace and its web site, in a single obtain. 27 completed Flutter screens with 4 interactions no different banking template has, a Laravel again finish with an admin panel and a REST API over the identical eight report sorts, and a one-page product web site already within the app’s colours. Gentle and darkish themes, GetX structure, offline documentation, and one coloration file that re-skins each display screen.
Demo Directions: as this preview is constructed, the sign-in display screen contacts no server, so any credentials are accepted. It’s prefilled with [email protected] and a password, so you’ll be able to faucet Check in because it stands. The verification and passcode screens settle for any six digits. There isn’t any account to register, no API key to enter and no community wanted: the app runs on the pattern ledger it ships with, so each display screen is populated the second the preview opens.
Why this one
- 4 screens patrons keep in mind: a pockets you drag playing cards out of, a cheque you signal with a finger, money circulate drawn as ribbons, and financial savings counted in cash. Each different banking template ships a card carousel and a pie chart.
- Your model in a day: one coloration file, one textual content theme, one spacing file, and each display screen follows. The launcher-icon script, the touchdown web page and the admin panel every take the identical hex in a single line of their very own — 4 locations in whole, listed so as within the documentation.
- Examined, not simply screenshotted: 135 checks move within the app and 60 within the again finish, a driver walks all 27 screens in mild and darkish, and the app makes no community request on a chilly begin.
The screens folks will keep in mind
The pockets. Your playing cards sit in a stack with the entrance one lowest. Drag it down and it slides to the again; faucet it and it turns over to indicate limits and a freeze swap. Each card face is drawn in Dart quite than exported, so restyling the deck is a couple of values, not a visit again to Figma.
The cheque. Kind an quantity and the written line fills itself in, in phrases, as you go. A finger signature arms the ship button, and the receipt comes again stamped paid. The cheque, the stamp and the ink are all drawn.
Money circulate ribbons. Earnings on the left, spending on the correct, ribbon width is the quantity. Faucet a ribbon and that class’s rows open beneath. Hand-drawn geometry, not a chart library.
The penny jar. A financial savings objective counted in cash as an alternative of %, so the display screen can say you might be twenty-one cash brief. Cash drop into the glass if you add cash.
Plus the screens an actual account app wants: onboarding, sign-in, sign-up, verification code, passcode, residence, playing cards, card element, payee listing, add payee, switch, receipt, full ledger with search and filters, transaction receipt, statements, payments, prime up, foreign money change, insights, financial savings, notifications, profile and settings.
Populated on day one
Out of the field the app reads a pattern ledger that ships inside it: three accounts, 4 playing cards, sixty transactions, eight payees, three financial savings pots, six payments and eight change charges. No account, no key, no server and no community request on a chilly begin.
The Laravel again finish
backend/ is a Laravel software with an admin panel and a REST API over the identical eight report sorts the app reads: accounts, playing cards, transactions, transfers, payees, financial savings pots, payments and change charges. Its seeder holds the exact same ledger the app ships with, worth for worth, so pointing the app at it modifications the place the info comes from and nothing else on display screen. Signal-in goes by it too: POST /api/auth/login returns a token the app then carries, and a flawed password comes again as a message underneath the button. Eight entities, eight admin screens, 60 passing checks, and a deployment information that covers the route by cPanel and phpMyAdmin for hosts with no terminal.
The app additionally runs fully with out it, on the pattern ledger it ships with — which is how this preview and each screenshot had been made. Connecting the 2 is one setting: a construct flag, or one line of Dart.
Touchdown web page included
The obtain ships a one-page product web site in your app (touchdown/): hero with a telephone mock-up, three function tiles, a swipeable display screen gallery, a tech listing, FAQ and retailer buttons, already set in the identical colours and typefaces because the app and full of its actual screenshots. It’s a single self-contained HTML file with no frameworks and no exterior requests, so you’ll be able to put it on any static host in a minute and exchange the copy, the shop hyperlinks and the authorized hyperlinks from the marked spots.
Constructed for builders
- Clear GetX structure: View, Controller, Service, Mannequin, with lazy bindings per route.
- Swap in your API with out touching a display screen: each display screen reads one
Repositoryinterface. A mock implementation ships with the app; an HTTP implementation is included and takes over if you move a base URL at construct time. - Zero picture property: 13 painters draw the cardboard faces, the cheque, the ribbons, the jar and the icons. Nothing to re-export when the model modifications, and nothing to license.
- Three packages past the SDK: get, cupertino_icons and http. Fonts are bundled, so the UI renders identically offline and on first launch.
- Each listing handles loading and empty: skeleton loaders and empty states are already wired.
What you get: full Flutter supply code, the Laravel again finish with its admin panel and its personal deployment information, the one-page product web site, a README with re-theming and API integration guides, offline HTML documentation (21 chapters, two interplay GIFs), the pattern ledger in a single file, and lightweight and darkish themes.
Notes
Third-party providers and exterior prices: Pennora runs on its bundled pattern ledger out of the field. Connecting it to a reside again finish apart from the one included — a core banking API, Firebase, AWS, one other REST service or a cost gateway — will contain these third-party providers, which is able to incur their very own separate prices and aren’t a part of this merchandise. What’s inside strikes no cash: it doesn’t course of actual funds, connect with any financial institution, confirm anybody’s identification or fetch reside change charges, and the charges on the change display screen are fastened pattern values. The verification and passcode screens are interface solely and carry out no authentication; the sign-in display screen accepts something till you level it on the included again finish, and both method your personal identification supplier, and any compliance that comes with it, is a part of the work of transport. Regulatory compliance and licensing for any product you construct with this are your accountability. Operating the again finish wants PHP 8.4 or newer, or Docker, and a number with at the least 2 GB of RAM to put in it — 512 MB is sufficient to serve it as soon as put in — and that internet hosting is yours. Push notifications, in-app buy and a PDF assertion author aren’t wired on this model. Figma or Sketch supply recordsdata aren’t included; the interface is outlined within the Dart supply.
