Grade Capital
Mobile App2023

GRADECAPITAL

Investor + advisor Flutter apps, Next.js 14 marketing site, Firebase Functions — OnMeta, Alpyne KYC, Venly, Alchemy.

4
Shipped product surfaces
14
Next.js marketing major
3+
Webhook-driven integrators
SCROLL
Client
Domain
Mobile / Fintech · Crypto
Platform
Flutter ×2 + Next.js
Duration
Core Stack
Flutter · Firebase · Venly · Next.js 14
The Brief

THE
PROBLEM

Four-surface Indian crypto investment stack: investor Flutter app, advisor Flutter app, Next.js 14 marketing site, and Firebase Cloud Functions for on-ramp, KYC, wallet orchestration, and commission accounting. Shared Firestore schema ties portfolios, KYC state, and webhook-derived ledger events across mobile and web.

Provider-pattern Flutter apps for parallel feature velocity; Next.js 14 App Router with server actions for lead capture and CMS-like pages; Node 20 Functions as the integration hub; Venly for wallet UX and Alchemy for chain reads where required.

Core Engineering Challenge

Webhook-heavy integrations (OnMeta, Alpyne, Alchemy) with idempotent writes; aligning commission rules across two mobile personas; keeping Next.js marketing and app data consistent with the same Firebase project; and safe handling of Venly/Alchemy keys in Functions.

4
Components
Extended stack
mobile
Flutter
backend
Node.js
database
Firebase
frontend
Next.js
gradecapital
gradecapital
How we built it

THE ARCHITECTURE

01
Shared Firebase data model

Firestore collections for users, KYC, wallets, commissions, and webhook audit with consistent security rules.

FirebaseFirestore
02
Investor & advisor apps

Parallel Flutter codebases with Provider, shared components, and role-specific navigation.

FlutterProvider
03
Webhook orchestration

Cloud Functions normalize OnMeta, Alpyne, and Alchemy events into idempotent updates and notifications.

Node.jsWebhooks
04
Wallet & chain layer

Venly and Alchemy integrations abstracted behind Function facades the apps call via authenticated SDKs.

VenlyAlchemy
05
Marketing site

Next.js 14 + server actions for forms, SEO, and lightweight CMS hooks into the same project.

Next.js 14Server Actions
System Data Flow
Ingestion
CrawlerContent Hash10K+ pages
Processing
ChunkerDeduplicatorEmbedding API
Storage
pgvectorPostgreSQLRedis Cache
Auth
Identity ProviderJWT BridgeSessions
Query
HNSW SearchRe-rankerLLM Stream
Delivery
Web AppMobile AppUsers
What we delivered

THE RESULTS

4

Two Flutter clients, one Next.js 14 surface, and a Functions backend let Grade ship coordinated releases — mobile teams could iterate on investing flows while marketing updated copy without redeploying APIs.

4
Components

Two Flutter clients, one Next.js 14 surface, and a Functions backend let Grade ship coordinated releases — mobile teams could iterate on investing flows while marketing updated copy without redeploying APIs.

Visual documentation

SCREENS &
INTERFACES

gradecapital4
gradecapital4
gradecapital5
gradecapital5
Engineering decisions

TECH
DEEP DIVE

FN
Firebase Functions as hub

Central place for secrets, retries, and webhook signatures instead of duplicating logic in each Flutter binary.

Idempotent webhook handlers prevented double-crediting commissions during provider retries.

2AP
Two Flutter apps vs one mega-app

Investor and advisor journeys diverge enough that separate apps reduced conditional UI blast radius.

Next.js 14 kept marketing velocity high without a second backend language.

Next Case Study
Mobile App
Lockstate

IoT smart locks — TTN & MQTT

FlutterFirebaseMQTT
Start a project

LET'S
BUILD
SOMETHING.

We take on a small number of projects at a time. If the problem is hard, we're interested.

Email
hello@techmusketeers.com
Response time
Within 24 hours
Availability
Open for new projects · 2025