Resume

GPBA

GPBA Admin

• TypeScript
• React
• NextJs
• React Hook Form
• Zustand
• React Query
• Socket.io
• Recharts
• Emotion
• Storybook
• Webpack
• Vite
• Orval

Built a high-performance auto-bidding platform with Next.js and dual user/admin interfaces

• Contributed to frontend architecture, shaping data fetching strategies (SSR/CSR), routing, and scalable state patterns for 3+ deployments
• Created a shared React + Emotion component library with multi-theme support, published as an internal package bundled with Vite and used in 3 company products, cutting UI dev time by ~50%
• Managed global state with Zustand, optimizing re-renders and ensuring smooth updates in real-time bidding and user settings, boosting performance by 25%
• Engineered complex dynamic forms with React Hook Form + Yup; supported conditional logic and nested schemas, cutting user errors by 50%
• Developed a responsive analytics dashboard using Recharts and React Query, visualizing 7+ metrics and reducing redundant requests by 60%
• Built real-time update system with Socket.IO and React Query cache invalidation; ensured sub-200ms UI refresh for auction data
• Automated API client generation with Orval + TypeScript, covering 100+ endpoints, reducing API bugs by 80% and improving dev speed
• Optimized builds with Webpack and Vite, achieving 35% smaller bundles and halving build times
• Led code reviews and mentored junior devs, improving code quality and reducing review time by 20%

GPBA - Online Inspection

• TypeScript
• React
• React Router Dom
• React Hook Form
• Zustand
• React Query
• Emotion
• Vite
• Orval
• Microfrontend

Built key features of a collaborative vehicle inspection microfrontend with real-time updates and typed APIs

• Developed a key microfrontend module for vehicle online inspections in a large enterprise system; improved operational efficiency in daily inspection tasks
• Built an internal service for inspection workflows, enabling real-time task assignment, media uploads, and structured data capture; improved field reporting accuracy by ~35%
• Integrated real-time updates, dynamic form rendering (React Hook Form), and secure media upload flows; reduced submission errors by ~40% and boosted task completion rates
• Managed state with Zustand and complex data fetching with React Query, delivering a highly responsive UX under heavy operational load
• Used TypeScript and Orval to generate type-safe API clients; eliminated dozens of runtime errors and accelerated API integration by ~50%
• Led migration from a third-party UI library to a custom Emotion-based component system; reduced tech debt and cut UI bug reports by ~50%
• Refactored Vite build configs for 10+ internal packages, reducing total bundle size by 80% and significantly improving load times
• Collaborated with a distributed team, adhering to microfrontend principles (modularity, independent deployments, CI/CD alignment)

New Tech Services (Frontier International)

• TypeScript
• React
• NextJs
• TailwindCSS
• Shadcn
• React Hook Form
• React Query
• Zustand
• WebSocket
• Axios
• Orval

Led front-end architecture as sole Front-End Architect for an expense management platform processing 1000+ submissions/month

• Built collaborative virtualized tables (1000+ rows) with React + Tailwind; enabled multi-user input via WebSocket and cut memory usage by ~50%
• Built advanced forms using React Hook Form and TypeScript with complex validation and conditional logic, reducing input errors by 90%
• Integrated WebSocket-based real-time collaboration with <200ms latency for multi-user editing and live updates
• Designed scalable architecture with Next.js, Zustand, and a shared UI library (Shadcn)
• Streamlined API integration with Orval and Axios, generating type-safe clients for 50+ endpoints and cutting dev time by 50%
• Managed data fetching and caching with React Query, reducing redundant API calls by 60% and improving app responsiveness
• Standardized UI with TailwindCSS and Shadcn, boosting development speed and improving design consistency

TFL Logistics

• TypeScript
• React
• React Router Dom
• React Hook Form
• Redux
• RTK Query
• MUI
• Vite

Spearheaded front-end development as sole Architect for a B2B shipment platform

• Built a high-performance SPA with React, Vite, and TypeScript; delivered a modular component system according to client guidebook that cut dev time by ~40% and improved maintainability
• Implemented 2FA and access controls, protecting sensitive shipment data and ensuring secure client logins across the platform
• Integrated Redux Toolkit and RTK Query for real-time REST API communication; improved state handling and reduced redundant network calls by 60%
• Optimized performance using code splitting, lazy loading, and Vite plugins; reduced initial load times and enhanced responsiveness
• Delivered MVP in under 8 weeks, enabling rapid onboarding and accelerating time-to-market by 2x for new client services
• Maintained 99.9% UI uptime and performance stability under load, demonstrating scalable architecture and robust SPA design
• Designed accessible, intuitive UIs with MUI (Material-UI); improved design consistency and boosted client usability ratings by ~30%

NDA

• TypeScript
• React
• NextJs
• TailwindCSS
• Shadcn
• React Hook Form
• React Query
• Zod
• Axios
• Orval

Engineered a B2C web application for a company specializing in informational services

• Implemented complex dynamic forms with conditional logic, validation, and custom error handling
• Utilized virtualized lists to efficiently handle large datasets and ensure high performance, including on low-end devices
• Closely collaborated with designers and backend developers to integrate APIs and maintain UI consistency across the application

Coin32

• JSDoc
• React
• MUI
• Storybook
• React Hook Form
• Redux
• Axios

Assissted in creating a personal account portal for file traffic monetization platform

• Participated in migrating a legacy Backbone.js application to React 17, modernizing the frontend stack
• Helped develop a shared UI component library with Storybook integration to improve consistency and reusability
• Contributed to team quality through code reviews and mentoring of junior developers