Kendra

Lovable & React Debugger for TaskFlow

Nov 2024 - Present • 1 yr 11 mos

Role: Lead bug triage and frontend stabilization engineer for TaskFlow's prompt-generated application stack. Primary Task: The client's MVP—built rapidly using Lovable and Cursor—was failing in production due to race conditions during multi-user state sync and recurring database permission blocks. Technical Scope & Fixes: 1. State Management & Lifecycle: Identified and patched three critical infinite re-render loops within root React useEffect hooks. Refactored the global state tree using Zustand to prevent unnecessary component repaints during live data streaming. 2. Database & RLS Security: Audited and corrected 14 broken PostgreSQL Row Level Security (RLS) policies inside Supabase. Replaced insecure public-read flags with authenticated user-id validation checks, ensuring zero data leakage between client workspaces. 3. Webhook & Auth Pipeline: Completely rebuilt the broken Stripe webhook listener on Node.js. Handled raw body parsing correctly to ensure cryptographic signature verification passed on every checkout event, preventing lost subscription activations. Resolved OAuth token refresh failures on mobile Safari. 4. Asset Optimization: Cleaned out 400+ redundant Tailwind utility classes generated by prompt iterations, reducing the initial JavaScript bundle footprint by 38% and dropping Largest Contentful Paint (LCP) to 850ms. Result: Brought platform uptime to 99.8% with zero dropped checkout webhooks across 10,000+ active monthly user sessions. Stack: Lovable, Supabase, PostgreSQL, React, TypeScript, Stripe API, Node.js, Vercel. Check my portfolio for the full project case study or contact me to discuss your needs.

Rive Motion Designer for Lumora App

Jan 2025 - Feb 2025 • 1 mo

Role: Interactive motion designer and runtime integration specialist for Lumora's analytics interface. Primary Task: Replace static vector graphics and heavy Lottie JSON files with dynamic, user-interactive Rive (rive.app) state machine animations. Motion Engineering & Logic Architecture: 1. Vector Asset Preparation: Illustrated clean vector UI elements, custom animated mascots, and progress indicators in Figma. Imported paths into Rive and established precise bone hierarchies and IK constraints for organic deformation. 2. State Machine Logic: Built complex interactive state machines utilizing boolean inputs, numerical listeners, and trigger events. Programmed custom UI interactions including cursor-tracking hover cards, dynamic multi-stage loading spinners, and micro-interactions that trigger on user form inputs. 3. Performance Engineering: Replaced 2.4MB of legacy Lottie JSON files with compiled .riv vector files averaging under 28KB each. This eliminated frame drops during UI rendering and guaranteed consistent 60 FPS animation playback on low-power mobile devices. 4. Codebase Integration: Collaborated directly with frontend engineers to embed animations via @rive-app/react-canvas and @rive-app/flutter, connecting Rive state inputs directly to React component state props. Result: Dropped page asset payload by 85% and increased landing page interactive engagement time by 32%. Stack: Rive, State Machine Architecture, Figma, React Canvas Runtime, Flutter, JavaScript. Check my portfolio for the full project case study or contact me to discuss your needs.