A production-ready Customer Relationship Management platform built for luxury real estate agencies. Designed to manage high-value client pipelines with real-time data sync, sub-100ms UI interactions, and a fully serverless PostgreSQL backend.
| Layer | Technology | Version | Rationale |
|---|---|---|---|
| UI Framework | React | 19.0.1 | Concurrent rendering, automatic batching |
| Language | TypeScript | 5.8.2 | End-to-end type safety, zero runtime overhead |
| Build Tool | Vite | 6.2.3 | Native ESM, <300ms HMR, optimized production bundles |
| Styling | Tailwind CSS | 4.1.14 | Zero-runtime CSS, automatic dead-code elimination |
| Animation | Motion (Framer) | 12.23.24 | GPU-accelerated transforms, spring physics |
| Backend | Supabase (PostgreSQL) | 2.105.4 | Serverless PostgREST API, built-in Auth, RLS |
| Hosting | Vercel | — | Edge CDN, SPA routing, zero cold starts for static assets |
┌──────────────────────────────────────────────────────────┐
│ Client (Browser) │
│ │
│ React 19 SPA ──► Supabase JS SDK │
│ TypeScript (PostgREST + Auth) │
│ Vite + Tailwind │
└─────────────────────────┬────────────────────────────────┘
│ HTTPS / WSS
▼
┌──────────────────────────────────────────────────────────┐
│ Supabase (Managed) │
│ │
│ PostgREST API ──► PostgreSQL 15 │
│ Auth Server Row Level Security │
│ Realtime Engine Database Migrations │
└──────────────────────────────────────────────────────────┘
│
▼
┌──────────────────────────────────────────────────────────┐
│ Vercel Edge Network │
│ Static Assets served from CDN PoPs │
│ SPA fallback rewrites configured │
└──────────────────────────────────────────────────────────┘
The app follows a serverless, direct-to-database architecture — the React frontend communicates with Supabase via the PostgREST HTTP API and the Supabase Auth service. This eliminates a traditional backend API layer, removing one full network hop and the associated latency.
onAuthStateChange listener