Full-Stack Web Developer

Responsibilities

• 01Monorepo Architecture & Database Foundation: Architected and bootstrapped the full-stack Real L!VE platform from scratch using React 18, TypeScript (Vite), Tailwind CSS, and Supabase (PostgreSQL)—authoring 60+ migration files to establish a normalized relational schema, fine-grained Row-Level Security (RLS) policies, and materialized views (events_view) for high-concurrency event querying.
• 02Serverless Edge Functions & Auth Revamp: Engineered Deno-based Supabase Edge Functions (get-user-bundle, create-checkout-session, create-venue) to offload client-side processing to serverless micro-endpoints. Consolidated state management into a single AuthContext integrated with TanStack Query (v5) for sub-second user-session hydration.
• 03Stripe Connect Onboarding & Checkout Pipeline: Built the foundational payment layer with custom React hooks (useStripeCreateConnect, useStripeClient) and server-side Stripe Checkout generators—enabling promoters, DJs, and event organizers to onboard via Stripe Connect, create ticketed events, and receive direct automated payouts.
• 04Real-Time Camera QR Ticket Scanner: Developed an end-to-end ticket issuance and check-in pipeline using shortUUID cryptographic pass generation and an in-browser device camera scanner (QRScanner)—reducing entry friction for event coordinators and performers.
• 05Multi-Role Access Control (RBAC) & Redirection: Implemented granular RBAC across 5 user tiers (admin, promoter, dj, performer, event-coordinator)—building intelligent role-based post-login redirection, gated dashboard features, and unified PrivateRoute client wrappers.
• 06Creator Portfolio & Embedded Media Suites: Built a showcase module (CreativeWorks) featuring YouTube Live stream embeds, Disqus comment threads, and portfolio submission workflows—allowing creators and event hosts to showcase media directly on public profile views.
• 07Multi-Phase Architecture Refactoring: Executed a systematic 3-phase codebase cleanup—eliminating context hell, standardizing TypeScript domain interfaces (Events, Profiles, Venues), and unifying data-fetching around TanStack Query queryOptions to maximize render performance and maintainability.