Molecule.dev

Banking Dashboard

Finance · React + Node (Express) · 17 @molecule/* packages

Neobank-like dashboard with accounts, transfers, transaction history, and statements — with built-in Stripe-backed subscription tiers

Open in Molecule

Try it

Opens instantly. Runs on sample data, so changes reset on reload.

Open preview in a new tab ↗View workspace ↗

What is inside

Screens (13)

  • Landing /
  • Login /login
  • Signup /signup
  • ForgotPassword /forgot-password
  • ResetPassword /reset-password
  • Dashboard /dashboard (signed in)
  • Accounts /accounts (signed in)
  • AccountDetail /accounts/:id (signed in)
  • Transfers /transfers (signed in)
  • Statements /statements (signed in)
  • AuditLog /audit (signed in)
  • Settings /settings (signed in)
  • Notifications /notifications (signed in)

Data model (9 tables)

  • bank_accounts — id, user_id, name, kind, institution, mask, currency, balance_cents, …
  • bank_transactions — id, user_id, account_id, amount_cents, merchant, category, method, status, …
  • debit_cards — id, user_id, account_id, card_number_encrypted, expiry, name_on_card, status, daily_limit_cents, …
  • devices — id, createdAt, updatedAt, userId, name, pushPlatform, pushSubscription, hasPushSubscription
  • notifications — id, createdAt, updatedAt
  • payments — id, createdAt, updatedAt, userId, transactionId, productId, platformKey, data, …
  • recipients — id, user_id, institution, name, mask, kind, last_used_at, created_at, …
  • statements — id, user_id, account_id, account_name, period_start, period_end, ready_at, size_bytes, …
  • transfers — id, user_id, from_account_id, to_account_id, recipient_id, amount_cents, description, status, …

API (11 handlers)

  • accounts api/src/handlers/accounts.ts
  • audit_events api/src/handlers/audit_events.ts
  • cards api/src/handlers/cards.ts
  • linked_accounts api/src/handlers/linked_accounts.ts
  • notifications api/src/handlers/notifications.ts
  • recipients api/src/handlers/recipients.ts
  • reports api/src/handlers/reports.ts
  • statements api/src/handlers/statements.ts
  • transactions api/src/handlers/transactions.ts
  • transfers api/src/handlers/transfers.ts
  • trusted_devices api/src/handlers/trusted_devices.ts

Subscription tiers

free / pro / team — gated by: maxAccounts, maxCards, maxStatements, maxTransactions, maxTransfers, advancedFeatures, canExport, retentionDays

Built from 17 @molecule/* packages

Browse all @molecule/* packages →

Required secrets

  • DATABASE_URL PostgreSQL connection string
  • ENCRYPTION_KEY AES key for sensitive banking data
  • MAILGUN_API_KEY Mailgun API key for transaction alerts

The @molecule/* packages are Apache-2.0. The app you build from this template is yours to export and self-host. Licensing