Knowledge Base
For Developers
Tech Stack
Technologies used across the JJI platform - web dashboard, mobile app, and backend infrastructure.
Web application
- Framework: Next.js 15.5.21 with App Router
- Language: TypeScript 5
- Styling: Tailwind CSS 3 with local New York-style shadcn/ui primitives backed by Radix UI
- Animations: Framer Motion
- Charts: Recharts and lightweight-charts by TradingView
- Rich Text: Lexical editor by Meta
- Forms: react-hook-form + Zod validation
- Drag & Drop: react-grid-layout
- Tables: @tanstack/react-table
- Client data: TanStack Query for server state, Zustand for local state
- Icons: Lucide React
Mobile application
- Framework: Flutter + Dart
- State Management: Riverpod
- Navigation: go_router
- Networking: Dio, supabase_flutter
- Local Storage: Hive
- Charts: fl_chart
- Notifications: Firebase Cloud Messaging + flutter_local_notifications
- Speech-to-Text: speech_to_text
Backend & infrastructure
- Database: PostgreSQL via Supabase
- ORM: Drizzle ORM
- Authentication: Supabase Auth (magic link, OAuth)
- State (Client): Zustand
- State (Server): TanStack Query
- AI: AI SDK (Vercel), OpenAI, xAI
- Payments: NOWPayments (crypto)
- Error Tracking: Sentry
- Caching and rate limits: Upstash Redis
- Deployment: Vercel with GitHub Actions CI
- Real-time: Supabase Realtime