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. The platform architecture emphasizes atomic concurrency control, edge-computed serverless business logic, multi-tenant revenue sharing, and time-zone-aware event notification orchestration. Core Engineering Modules & Capabilities 1. High-Concurrency Concurrency Control & Atomic Reservation Engine Race Condition Mitigation: Engineered an atomic reservation pipeline utilizing database row-level locking strategies to eliminate double-bookings and ticket overselling during peak traffic surges without locking global table reads. 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. 2. Serverless Edge Microservice Architecture Decoupled API Infrastructure: Built and deployed a distributed serverless API layer utilizing Deno Edge Functions on Supabase to handle specialized workflows (checkout initialization, scanner authorization, promo code validation, and payout aggregations). Service-Role Isolation & Authentication: Strictly encapsulated sensitive administrative operations within Edge Functions using elevated service keys while validating caller JWTs for client-side authorization and access control. 3. Automated Revenue Sharing & Multi-Party Payout Engine Stripe Connect Integration: Configured Stripe Connect Express onboarding for creators, DJs, and venue hosts—enforcing full KYC verification, account state monitoring, and automated commission splitting. Automated Batch Payout Processing: Implemented optimized database views and scheduled pg_cron jobs to calculate accrued collaboration fees and execute automated batch transfers to connected seller bank accounts. 4. Compliant SMS Marketing Wallet & Quiet-Hour Engine Atomic Credit Balance Engine: Built an isolated messaging credit wallet service with atomic balance calculation hooks tied directly to payment processing event webhooks. TCPA/GDPR Compliance & Quiet Hours: Engineered time-zone-aware dispatching routines that enforce recipient local quiet hours derived from country code parameters, alongside automated opt-in/opt-out (STOP) handling via the Twilio API.

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.