Ivan Garcia | Senior Software Engineer | React, TypeScript, Rails

Career Impact

Measurable outcomes from 6+ years of engineering

💰

Features Shipped

Product launches driving revenue growth across 3 platforms

📈

Conversion Rate Lift

A/B testing and experimentation framework improving funnel metrics

⚡

Faster Load Times

Performance optimizations from 5s to 3s improving user experience

🎯

Product Lines Launched

Multi-product architecture enabling rapid business expansion

🔄

Faster Deployments

CI/CD automation reducing time-to-market from 25min to 2min

👥

Engineers Mentored

Team leadership through code reviews and architecture guidance

📊

Analytics Events Tracked

Data infrastructure for business intelligence and product decisions

⏱️

Time Savings

Feature launch time reduced from weeks to days for product teams

Experience

Frontend‑heavy work across React/TS and Rails APIs

Rugiet Health — Senior Software Engineer

Jan 2021 – Present · 4 yrs 11 mos · Remote

Led React + Rails API modernization for multi-product platform. Built experimentation framework (Segment + GrowthBook), eliminated 20+ N+1 queries, reduced product launch time from weeks to days.

Owned the React frontend and Rails API as the company shifted from a single‑product setup to a multi‑product platform. Broke out onboarding, questionnaires, treatment logic, and checkout to support 3 new product lines.
Led the migration from a monolithic Rails app to a Rails API with a modern React architecture. Created clear API contracts, unified shared state with Zustand and React Query, and removed large amounts of duplicated logic.
Served as the main decision maker for frontend architecture, guiding when to use React SPA patterns, when Next.js was a better fit, and when to keep features server‑rendered. Product and design teams depended on this direction for performance and SEO needs.
Worked closely with product, marketing, design, and medical teams to turn requirements into clear technical plans. Helped shape onboarding flows, product configuration, recommendation logic, and acquisition funnel updates.
Built the analytics and experimentation foundation using Segment and GrowthBook. Designed a tracking system with more than 100 events to support reliable A/B testing and detailed funnel reporting.
Improved performance by removing more than 20 N+1 queries, optimizing Reflex interactions, and splitting large React views into smaller, faster components.
Created a flexible product‑aware UI system that cut the time needed to ship new product experiences from weeks to days and reduced ongoing engineering involvement.
Developed internal admin tools that let cross‑functional teams update product content, FAQs, onboarding logic, and analytics without relying on engineering.

Hivelocity — Senior Frontend Developer

Apr 2019 – Apr 2023 · 4 yrs 1 mo · Tokyo, Japan

Optimized performance across Vue/React apps (5s→3s load times, 300KB bundle reduction). Built CI/CD automation reducing deploys from 25min to 2min. Mentored 6 engineers.

Performance Optimization: Improved performance across multiple Vue and React apps (dashboards, booking tools, streaming SPAs). Restructured frontend architecture, removed legacy dependencies, added route‑level code splitting, and optimized images (WebP/AVIF). Reduced bundle size by ~300 KB and cut initial load time from ~5s to under 3s.
Automated Deployment: Built a GitHub Actions CI/CD pipeline for all new React, Vue, and Next.js projects. Automated linting, testing, building, and deployments to S3 and CloudFront. Replaced a 25+ minute manual release process with a reliable automated workflow that deploys in under 2 minutes.
High‑Performance Applications: Developed high‑performance SPAs including a barber reservation calendar, music streaming and VOD platform, internal admin tools, and enterprise dashboards. Used TypeScript with Vue, React, and Next.js to create maintainable and scalable frontends. Improved average load times from ~1.2s to ~900ms through better caching, asset invalidation, and CloudFront optimizations.
Mentorship: Mentored six junior engineers through code reviews, pairing, and architecture guidance. Helped them understand state management, component structure, and clean coding practices. Enabled the team to ship features more independently and with fewer review cycles.

Other Roles

Teacher (China, Japan, NYC)
Translator (Japan)
Barista (NYC)
WordPress Developer (NYC)
Research Associate (NYC)

Skills

Core tools & platforms

React90% Vue95% Ruby on Rails90% TypeScript95% Tailwind CSS90% Testing90% Bun90% CI/CD90% Zustand85% React Query85% Redux / Vuex85% React Native60% SegmentAdv GrowthBookAdv AWS80%

Selected Projects

My latest projects

🔒 Note: Most production work is under NDA or in private repositories. The projects below represent public work and side projects that demonstrate my technical approach.

Showing: All

Rugiet Health — Platform & Growth

Rails API → React modernization, Member Portal revamp, Identity Verification UX overhaul, and an Experimentation Framework (Segment + GrowthBook) enabling rapid, low‑risk A/B tests.

Frontend: React (TypeScript), Tailwind, Zustand, React Query

Backend: Ruby on Rails API

DevOps: GitHub Actions, feature flags/experiments, observability

Analytics: Segment, GrowthBook

DB: Postgres

Quick Deploy

CLI + UI to create an S3 + CloudFront static site, GitHub repo, and CI pipeline in one go for rapid prototyping.

Frontend: React (TypeScript)

Backend: Node

DevOps: AWS (S3, CloudFront), GitHub Actions

DB: MySQL

Avatar Generator

Canvas/Konva tool for generating game‑ready avatars with export and server‑side persistence.

Frontend: Next.js, Konva

Backend: Node

DevOps: AWS (S3)

DB: MySQL

Barber Reservation

Drag‑and‑drop calendar SPA for real‑time shop scheduling with clean UX.

Frontend: Vue (TypeScript), Vuetify

Backend: Node

DevOps: GitHub Actions

DB: MySQL

Music Streaming SPA

On‑demand concerts and audio for a Tokyo band with smooth playback and caching.

Frontend: Vue, Vuex

Backend: Node

DevOps: —

DB: MySQL

How I Work

My engineering approach and decision-making framework

🔍

Code Review Philosophy

Clarity over cleverness — If it needs a comment, it needs refactoring
Test the edges — Happy path is easy; error states tell the real story
Type safety at boundaries — API contracts, form inputs, external data
Leave it better — Small improvements compound; no "perfect" PR needed

📋

Feature Scoping

Start with "why" — What user problem or business metric does this solve?
Define success upfront — How do we measure if this worked?
Ship the smallest testable version — Get signal before building more
Flag & experiment — Rollout !== rollback; always have an escape hatch

🐛

Debugging Process

Reproduce first — If I can't recreate it reliably, I can't fix it
Binary search the problem — Cut the surface area in half each step
Read the logs backward — Start from error, walk back to root cause
Document the fix — Future me (or the team) will thank past me

🛠️

Tech Stack Decisions

React for interactive UIs — SPA when state is complex, SSR when SEO matters
TypeScript everywhere — Types catch bugs at compile time, not 3am production
Rails APIs for CRUD + business logic — Fast to prototype, scales well
Segment + GrowthBook — Analytics and experiments built into workflow, not bolted on

Principles & Practices

How I ship fast without breaking things

Accessibility‑first

Landmarks, focus management, semantic HTML, and usable keyboard flows.

Performance budgets

Pragmatic limits, code‑splitting, and lazy‑loading informed by Web Vitals.

Experiment‑driven

Flags, guardrails, and A/A checks before A/Bs to avoid chasing noise.

Typed boundaries

TS at the edges; clear contracts between React frontends and Rails APIs.

Monitoring & rollback

Dashboards, alerts, and one‑click rollback paths for safe iteration.

Case Studies

Problem → Approach → Outcome

A/B‑tested Interstitials for Conversion

Problem. Users were dropping during product education/selection before reaching checkout.

Identity Verification UX Overhaul

Problem. Friction and unclear errors in ID steps increased abandonment and support load.

Performance Acceleration (Hivelocity)

Problem. Initial load times and payload sizes were slowing users and conversions.

Testimonials

What colleagues have said

“Ivan wrote well‑typed, testable React/TS code and kept Rails API boundaries clean. He tightened our CI and raised the bar on code reviews—velocity went up without regressions.”

— Software Engineer, Renato Delboni, Hivelocity

“Ivan balances speed with quality. He pushed experiments forward, clarified requirements, and shipped reliable features on time.”

— Product Manager, Mike Frantz, Rugiet Health

Contact

Let’s build something users love. Reach out for roles, collaborations, or consulting.

Email: ivanvgcia@gmail.com

Email me GitHub

Senior Software Engineer for 6+ years building fast, elegant apps.

Rugiet Health — Senior Software Engineer

Hivelocity — Senior Frontend Developer

Other Roles

Rugiet Health — Platform & Growth

Quick Deploy

Avatar Generator

Barber Reservation

Music Streaming SPA

Code Review Philosophy

Feature Scoping

Debugging Process

Tech Stack Decisions

Accessibility‑first

Performance budgets

Experiment‑driven

Typed boundaries

Monitoring & rollback

A/B‑tested Interstitials for Conversion

Identity Verification UX Overhaul

Performance Acceleration (Hivelocity)