Mobile Application
Urban Canvas
Collaborative Digital Graffiti Platform
FlutterNode.jsTypeScriptStripeDatabase
Overview
End-to-end Flutter mobile app with real-time grid interaction, Stripe payments, and a full Node.js TypeScript backend.
The Challenge
Building a real-time collaborative canvas where thousands of users can buy grid squares, upload art, and compete in live art battles — while handling concurrent Stripe payments and dynamic grid rendering.
Our Solution
Flutter frontend with Riverpod state management, InteractiveViewer for pannable/zoomable grids, and a full Node.js + TypeScript + Database backend with Stripe payment integration and WebSocket-ready architecture.
Technical Architecture
- Flutter App — Riverpod, GoRouter, CachedNetworkImage, Freezed models
- Node.js Backend — TypeScript, Express, Database, Stripe API
- Real-time — Background polling with lifecycle-aware pausing
- Payments — Stripe PaymentIntent flow with 5-min reservation system
Results & Status
Backend 100% complete. Flutter app build spec locked. Targeting Google Play + App Store submission.