Loading...
Scene Ads
Collaborative Outdoor Advertising Campaign Management Platform
Type: SaaS / AdTech
Role: Full Stack Lead & Frontend Architect
Timeline: 2024 / 6 Weeks
Executive Overview
A modern advertising campaign management platform where brands can collaborate, create, and monitor outdoor ad campaigns with live chat, analytics, and integrated payment support. Designed with seamless interactivity, dynamic URL state management, and real-time synchronization.
Key Engineering Features
Real-Time Chat & Collaboration
Built using WebSockets (ws) for sub-100ms multi-user team coordination.
Stripe Payment Gateway
Secure checkout workflow with asynchronous Stripe webhook confirmation handling.
Google Maps Geolocation
Interactive map-based billboard and outdoor screen campaign placement.
Dynamic Query State with Nuqs
Synchronized, bookmarkable URL search parameters for seamless dashboard filtering.
Scalable API Architecture
High-throughput REST endpoints orchestrated via Node.js, Express, and Prisma ORM on PostgreSQL.
Production-Grade Auth
Stateless JSON Web Token (JWT) session lifecycle management with role-based access control.
Technologies & Infrastructure
Next.jsTypeScriptTailwind CSSShadCN UINuqsFramer MotionStripeNode.jsExpress.jsPrismaPostgreSQLSupabaseJWT AuthenticationWebSocket (ws)node-cronGoogle Maps API
Key Learnings & Architectural Wins
Architected bidirectional WebSocket communication channels between client and server nodes.
Engineered resilient Stripe webhook handlers ensuring idempotent transaction processing.
Mastered URL state synchronization using Nuqs for ultra-responsive search and pagination.
Integrated Google Maps JavaScript SDK with custom clustered map markers for ad assets.
Designed clean relational schemas and indexing strategies with PostgreSQL & Prisma.
Next Case Study
Event Planner & Participation System
End-to-End Event Management, Invitation & Ticketing Ecosystem
Explore Project