Louie Jay
.DEV

Real L!VE – Enterprise Live Event Ticketing & Nightlife Streaming Platform. PROJECT_06. STACK // Bolt.new + Typescript + Vite + Supabase + Youtube Data API + Resend API + Stripe + PostgreSQL + Lucide React + React Router + Leaflet Maps + Twilio + TanStack React Query + CSS3 + Twitch Helix API + StackBlitz + ReactJS + React Hook Form + HTML5 + Tailwind CSS + Zod. Overview Real L!VE is a production-grade, high-throughput live event ticketing, creator booking, and streaming platform built for venue hosts, event organizers, performers, and attendees. Engineered as a single-page application (SPA) backed by a distributed serverless micro-endpoint architecture on Supabase (PostgreSQL 15), the platform manages the full event lifecycle—from initial booking and multi-tier ticketing to high-concurrency QR code scanning, automated multi-party collaborator payouts via Stripe Connect, and TCPA/GDPR-compliant Twilio SMS marketing campaigns. Full-Stack Architecture & Monorepo Development: Architected and engineered the full-stack Real L!VE platform using React 18, TypeScript (Vite), Tailwind CSS, and Supabase (PostgreSQL 15)—authoring 60+ database migrations, normalized relational schemas, and materialized views (events_view) to support high-throughput live ticketing and creator booking workflows. Automated Quota Reclamation: Integrated background cleanup routines executed via pg_cron to automatically release expired pending reservations back into available inventory when payment completion timeouts occur. Atomic Reservation & Concurrency Control: Engineered an atomic reservation pipeline leveraging database row-level locking (FOR UPDATE SKIP LOCKED) to eliminate double-bookings and ticket overselling during peak traffic surges, alongside scheduled pg_cron cleanup tasks to automatically reclaim expired inventory upon checkout timeouts. Serverless Edge Microservice Architecture: Built and deployed a distributed serverless API layer using Deno Edge Functions on Supabase to handle high-risk and high-throughput workflows (checkout session generation, scanner authorization, and payout aggregation) while isolating administrative privileges via elevated service-role contexts and JWT caller validation. Multi-Party Revenue Sharing & Stripe Ecosystem: Configured Stripe Connect Express onboarding, Stripe Checkout, and Stripe Subscriptions—enforcing KYC verification, automated commission splitting, and scheduled pg_cron batch transfers to distribute fees seamlessly among event hosts, creators, and platform operators. In-Browser Camera Pass Verification Engine: Built an end-to-end cryptographic pass issuance and verification pipeline using unique short UUID pass generation and a real-time device camera scanner (QRScanner) to validate attendee passes at event entry with sub-second latency. Compliant Twilio SMS Marketing Engine: Engineered a net-new, TCPA/GDPR-compliant Twilio SMS Marketing Engine featuring time-zone-aware quiet-hour enforcement, atomic credit wallet management, automated opt-in/opt-out (STOP) webhook handlers, and scheduled broadcast dispatching. Granular Role-Based Access Control (RBAC) & Admin Suite: Designed an enterprise Admin Management Suite and multi-tier RBAC system across 5 distinct roles (admin, promoter, dj, performer, event-coordinator) with intelligent post-login redirection, paginated CRUD views, and route-level authorization wrappers (PrivateRoute). Creator Booking & Collaboration Marketplace: Built a creative collaboration workflow enabling event organizers to discover, negotiate, and hire performers and DJs—incorporating real-time status tracking, contract negotiation tools, and embedded media suites supporting YouTube Live, Twitch indicators, and Disqus comment threads. Tamper-Proof Discount & Loyalty Rewards Engine: Implemented server-side validated promo code structures (fixed-amount and percentage discounts) paired with a points-based loyalty rewards program that automatically accrues points upon ticket purchases to drive repeat user retention.

QUX® Web Store – Multi-Tenant E-Commerce, Creator & FinTech Ecosystem. PROJECT_07. STACK // Typescript + Javascript + TanStack React Query + CSS3 + ChartJS + ReactJS + HTML5 + Sentry + NextJS. Overview The QUX® Web Store is a privacy-focused, multi-tenant digital commerce and content-monetization engine. Built on a modern Next.js 14 (App Router) frontend stack, the platform operates as an all-in-one digital ecosystem unifying physical hardware sales, subscription billing, content creator studio tools, merchant storefronts, advertiser campaign analytics, and a token-based digital wallet ledger system. Architected client-side to manage complex multi-dashboard workflows, the application incorporates over 100 custom React hooks for server-state encapsulation, an extensive reusable UI component library, state persistence via Zustand, and granular Role-Based Access Control (RBAC) across diverse user roles. Core Engineering Modules & Capabilities 1. Multi-Tenant E-Commerce & Subscription Billing Engine Catalog & Hardware Management: Flexible digital commerce infrastructure supporting physical hardware sales, variant SKU selection, custom inventory tracking, and dynamic free-shipping rule configurations. Subscription Management Pipeline: Automated recurring billing workflows managing monthly/yearly subscription plan configurations, dynamic checkout summaries, promo code validation, and client-side cart state persistence via Zustand. 2. Digital Wallet & Token Ledger Infrastructure Digital Token Transaction Hub: Private financial ledger UI facilitating token balance management, real-time deposit workflows, withdrawal management, and peer-to-peer token transfers. Payment Method & API Integrations: Secure interfaces for managing linked payment methods and bank integrations, complete with API key generation utilities for programmatic account access. 3. Content Creator Studio & Media Management Portal & Media Generation Engine: Administrative content studio providing video collection builders, structured video chapter generators, portal list configurations, and live-stream controls. Custom Interactive Emoji Vector Suite: In-browser canvas editor enabling content creators to design, crop, tag, search, and manage dynamic custom vector emoji sets. 4. Merchant Storefront & Inventory Management Turnkey Storefront Creation: Self-service merchant onboarding wizard complete with terms agreement acceptance, custom brand configuration, and storefront domain routing. Inventory & Order Lifecycle Management: Product listing builder with SKU mapping, variable pricing models, and real-time order fulfillment tracking tables. 5. Advertiser Campaign Hub & Analytics Engine Ad Placement & Budgeting Studio: Campaign management suite allowing advertisers to set budget limits, assign target placements across creator portals, and manage multi-campaign lifecycles. Interactive Campaign Analytics: Real-time performance dashboards built with Chart.js and react-chartjs-2 for tracking impression metrics, budget utilization, and click-through rates (CTR). 6. Role-Based Access Control (RBAC) & Security Architecture Multi-Role Permission Routing: Dynamic session layer inspecting bearer tokens and session flags to enforce granular page-level access control across Content Creator, Merchant, Advertiser, and Affiliate user roles. Observability & Error Monitoring: Integrated Sentry client and server telemetry tracking utilizing custom proxy endpoints to bypass ad-blockers and maintain session replay fidelity.

NimosAI – AI-First "Wellness OS" & Automation Platform. PROJECT_08. STACK // Typescript + Vite + Supabase + PostgreSQL + Lucide React + Javascript + ShadCN + React Router + Blackbox + TanStack React Query + CSS3 + Claude + Framer Motion + hCaptcha + Github Copilot + Lovable + ReactJS + N8N + React Hook Form + HTML5 + Tailwind CSS + Zod. Overview NimosAI is an enterprise-grade, AI-first SaaS platform designed to operate as a unified "Wellness OS" for boutique wellness practices, spa centers, and multi-location beauty studios. Engineered to bridge the gap between static appointment software and real-time client engagement, the platform automates client communication, appointment scheduling, and multi-studio workforce allocation through direct WhatsApp Business API integration and automated asynchronous backend workflows. The application combines a high-velocity ReactJS front-end, asynchronous TanStack Query server-state caching, and an N8N workflow automation engine—eliminating booking friction, maximizing client retention, and streamlining multi-location studio operations. Core Engineering Modules & Capabilities 1. High-Performance Marketing Architecture & Conversion Funnel Conversion-Focused Landing Engine: High-velocity landing page architecture showcasing native WhatsApp integration, automated scheduling, and multi-studio scalability. Streamlined Onboarding Funnel: Optimized user routing directing prospective studio managers from feature discovery into workspace provisioning and authentication setup. 2. Executive Operational Dashboard & Activity Telemetry Real-Time KPI Tracking: High-level metric cards delivering instant visibility into revenue totals, upcoming appointments, and period-over-period growth performance. Appointment Activity Analytics: Visual time-series charts mapping appointment volume, peak booking hours, and studio capacity utilization over time. Global Multi-Entity Search: Dynamic search bar utilities filtering across appointments, client records, service catalog items, and team rosters with sub-second response times. 3. Interactive Multi-View Scheduling & Calendar Matrix Multi-Mode View Switching: Dynamic UI calendar engine supporting Day, 3-Day, Week, and Month scheduling layouts. Interactive Team Schedule Matrix: Custom color-coded UI components bound to team member schedules, rendering client identities, assigned services, and live status badges. Grid Interaction Mechanics: Direct click-to-book time slot interceptors, contextual quick-action menus, and advanced scheduling logic supporting recurring appointment patterns. 4. Client Relationship Management (CRM) & Profiles Searchable Client Directory: High-density client management tables featuring contact detail verification, quick-action toolbars, and historical interaction logs. Rich Client Histories: Comprehensive profile views capturing historical booking records, client preference tracking, and emergency contact details. 5. Workforce Management & Multi-Branch Allocation Staff Roster Hub: Organizational tables displaying team profiles, job titles, employment classifications, and granular access permission levels. Service & Location Mapping: Precision mapping connecting team members to qualified services and physical studio branches. Weekly Roster Planning: Dynamic grid views displaying team schedules, shift blocks, and recurring shift rules. 6. Service Catalog & Package Bundling Engine Categorized Service Management: Logical service grouping across wellness categories with dynamic duration timing and base pricing. Promotional Package Bundling: Multi-service package builder allowing studios to group complementary services with fixed-dollar ($) or percentage-based (%) discount models. 7. Multi-Location GIS & Mapping Infrastructure Studio Branch Management: Card-based UI managing studio branches, physical addresses, primary phone lines, and default location indicators. Google Maps API Integration: Integrated map components displaying geographic markers and address autocomplete utilities for seamless studio registration. 8. Workflow Integration & Security Infrastructure Integrations Governance Portal: Secure management panels for third-party API credentials (WhatsApp Business API, Google Maps API, N8N webhook URLs). Bot Mitigation & Anti-Bot Layer: Public booking endpoint protection utilizing hCaptcha validation to shield downstream automated webhooks from bot traffic and resource exhaustion. Session Security: Client-side authentication layers and route guards guaranteeing protected access to administrative dashboard utilities.