Service Profile
Frontend engineer specializing in React, Next.js, design systems, data-rich interfaces, and production UI for teams working through complex workflows. Work connects product intent, component architecture, accessibility, performance, and interaction detail into interfaces that feel fast, clear, and built to last.
Shape
Ambiguous product ideas become Figma-informed flows, reusable components, and production-ready React interfaces.
Systemize
Repeated UI patterns become shared foundations, component libraries, dashboards, and frontend tooling that help teams move faster without losing consistency.
Polish
The last 5% stays visible: performance, accessibility, responsive behavior, loading states, edge cases, micro-interactions, and visual precision.
10+
Years Architecting Production Interfaces
Capabilities
Languages
JavaScript
TypeScript
HTML
CSS
PHP
Frameworks & Libraries
React
Next.js
Laravel
WordPress
TanStack Start
TanStack Query
TanStack Form
Tailwind
Material UI
shadcn/ui
Recharts
Bootstrap
Drizzle ORM
Eloquent ORM
Tools, Data & APIs
Git
Github
Vite
Jira
WP-CLI
Docker
npm / pnpm
Composer
JSON
GraphQL
REST APIs
Blade
Claude Code
Codex
Figma
Adobe Photoshop
Workflows
Agile
Scrum
Kanban
Remote
Practices
Component architecture
Accessibility
Performance optimization
Schema design
Developer tooling
CI/CD
Soft Skills
Critical Thinking
Curiosity
Creativity
Agency
Autonomy
Problem solving
534K+
Customer Projects Supported
Mission Record
Freedom Forever
Nov 2020 — Apr 2026
Lead Frontend Engineer · Temecula, CA / Remote
- Served as lead frontend engineer building core solar operations platform spanning dashboards, validation workflows, shared component library, and finance interfaces used by sales, operations, and finance teams to manage 534K+ customer projects.
- Launched interactive dashboard supporting ticketing and task workflows, replacing third-party CRM using React, Laravel, Context API, and React Query, increasing customer project intake capacity by 40% for 300+ ops, sales, and finance users.
- Designed and maintained interactive data visualization timeline for customer project milestones using CSS, Material UI, custom Day.js wrapper, and Axios, giving teams at-a-glance visibility into progress, gaps, and upcoming work.
- Owned commissions interface replacing spreadsheet-based payout tracking system using schema-driven rendering, Lodash, useMemo, and useCallback, enabling branch managers to manage and incentivize monthly payouts for 500+ sales reps.
- Led development of React shared component library with schema-driven form builder, centralized modal system, and async state renderer using Tailwind and Material UI, eliminating duplicate UI work and cutting UI development time in half.
- Built developer experience tooling including component gallery, build sandbox, and custom hooks, making it easier and faster for engineers to discover UI patterns, build and test components, and reuse logic and state management across components.
- Engineered solar panel monitoring interface charting API-backed metrics for panel power generation, actual vs guaranteed performance, and degradation over time using Recharts, covering 142K customer projects representing $4.5B in value.
- Overhauled FreedomForever.com WordPress site by creating configurable page-building blocks using Laravel Blade, React, and Tailwind, enabling users to design pages without engineering support, improving accessibility and performance metrics from C to A.
- Integrated AI-powered customer project summary feature generating one-paragraph summaries using timeline, ticket, and communication data, reducing time-consuming manual lookups for ops and sales teams.
- Developed custom Twilio Flex plugin, surfacing customer project context during inbound calls by matching phone numbers to internal project data using React and Twilio SDK, reducing manual lookups and streamlining contact center workflows.
534K+ records
$4.5B contract value
300+ users
~40% faster builds
20× volume
O360
Jun 2015 — Sept 2020
Lead Frontend Web Developer · Newport Beach, CA / Remote
- Served as lead frontend developer at digital agency managing WordPress-based web presences for 300+ dental and medical clients, working across distributed team through full agency project lifecycle from scoping to delivery.
- Owned development of WordPress theme framework using PHP, Bootstrap, JavaScript, standardizing structure and conventions across distributed team, improving delivery efficiency by 60% and mentoring developers through documentation and code review.
- Consolidated 100+ individually VPS-hosted sites into WordPress Multisite installs, implementing custom plugins and accessibility features across all installs, improving PageSpeed by 40% and reducing infrastructure overhead across the entire client portfolio.
- Developed custom WordPress directory platform from scratch building custom theme and plugin using PHP, custom post types, and Customizer fields, powering reputation and review management for 300+ dental and medical practices.
300+ clients
60% faster delivery
40% PageSpeed gain
50%
UI Development Time Reduced
Academy Records
CSU Long Beach
B.A. Journalism · Sept 2016 · Dean's List
Recognition
First place — GoDaddy + General Assembly Web Design Competition: XYZ
First place — Knowbility OpenAIR Accessibility Competition: HiveOne Accessibility Theme
Active Deployments
HTR.Design
Developed agency site HTR.Design using Next.js, Tailwind, TypeScript, and headless WordPress, hosted on Vercel. HTR.Design agency builds client web solutions.
Next.jsTypeScriptTailwindHeadless WPVercel
Gutenberg Block Plugin
Published open-source Gutenberg block plugin to official WordPress.org directory using PHP, React, and JavaScript, enabling fully block-editor-driven modal creation without code, reaching 700+ active installs organically.
PHPReactGutenbergWordPress.org
RodrigoLeon.com
Designed and developed personal portfolio site, using TanStack Start, Tailwind, TypeScript, and headless WordPress, hosted on new Cloudflare Workers and Pages infrastructure.
TanStack StartTypeScriptTailwindHeadless WPCloudflare
True Deal
Enginered auto negotiation and tracker tool using TanStack Start, Tailwind, TypeScript, hosted on new Cloudflare Workers and Pages infrastructure.
TanStack StartTypeScriptTailwindCloudflare