PlateCreate - License Plate Frame Configurator

Challenge: Building a professional-grade design editor that supports text, images, shapes, and freehand painting with pixel-perfect precision — while remaining intuitive for non-technical users on both desktop and mobile.

Solution: I built the editor on Konva.js with 50+ vehicle plate frame fonts, six shape tools, four paint brush types with opacity control, and a full layer management system with z-index control. Smart Canva-style snapping provides center, edge, and element-to-element alignment guides — even for rotated elements. The editor includes undo/redo with full history, keyboard shortcuts, rotation snapping to cardinal angles, zoom controls (10%–300%), grid overlays, rulers, and high-resolution PNG and PDF export for print-ready output. A mobile-responsive UI with bottom sheet and floating toolbar ensures a seamless experience across devices.

Challenge: Supporting five distinct user roles — regular users, super admins, dealerships, print shops, and real estate partners — each requiring unique dashboards, permissions, and workflows, alongside a full e-commerce pipeline with payments, marketplace, and fundraising.

Solution: I architected a role-based system with automatic dashboard redirection and dedicated portals for each user type. Dealerships manage templates and coupon codes, print shops handle order fulfillment with service area routing, and real estate partners configure auto-ship orders. The platform integrates Stripe for secure checkout with webhook handling, a design marketplace with admin approval workflow, fundraising campaigns with goal tracking and withdrawal requests, and a referral rewards system with credit incentives and self-referral prevention.

Challenge: Delivering fast load times and a secure authentication system across a feature-rich platform while deploying on edge infrastructure with SQLite-based storage and object storage for user uploads.

Solution: I deployed the platform on Cloudflare Pages with D1 (SQLite) for the database and R2 for image storage, using 22 database indexes and aggressive HTTP caching (10-min browser cache, 2-hr CDN cache) to achieve sub-100ms dashboard loads — a 95% improvement. Authentication uses session-based tokens with two-factor verification (email OTP via Resend, phone OTP via Twilio), 30-second session caching to reduce DB hits by 90%, rate limiting on sensitive endpoints, and bcrypt password hashing. The platform runs 44 database migrations with ACID-compliant transactions.