A small photo of a code snippet which leads to this website's source code in Github.
My avatar showing a look of disapproval. My laptop.

Karl Pablo, Front-end Web Engineer

Full-stack Web Developer / UI+UX Designer

Over 9 years of building delightful websites (and still lovin’ it).

Specializes in developing large-scale web applications using modern tools like React/Vue, TypeScript and Tailwind, creating design systems and component libraries, and orchestrating the front-end code for optimization, scalability, and accessibility.

Logos for Breezeline, IBM, Cisco, Mazda, Honda, Lexus, and Volkswagen.

professional experience

2023
2020
2016
2012
2020 - 2023

Lead Front-end Engineer

Imarc

Built marketing and internal websites for Breezeline and eRegulations. Mentored peers and participated in code reviews.

Saved an estimated $100K in development costs by devising a "smart suspense" solution for the My Account project.

Significantly enhanced developer experience by establishing design systems, component libraries, and visual regression tests.

2016 - 2019

Senior Front-end Engineer

Spinifex Group

Built web applications for well-known clients such as IBM, Cisco, Mazda, Lexus, and Honda.

Introduced a deployment strategy which reduced operational and maintenance costs by an astounding 90%.

2013 - 2016

Creative Developer

Deutsch LA

Built Volkswagen USA's marketing website.

Drove a "screen-responsive" approach to development, saving an estimated $150K by not having to build a separate mobile website.

featured projects

Breezeline.com

  • Vue
  • Tailwind
  • Storybook
  • Sass
  • REST API
  • CraftCMS

The marketing website of one of the largest internet, TV, and phone providers in the US East Coast.

Company: Imarc
Role: Front-end
Client: Breezeline
Team Size: 6 to 8
Website ↗ Demo ↗

My Account

  • Vue
  • Tailwind
  • Storybook
  • GraphQL

Breezeline's fully-responsive, customer account portal for managing bill payments, upgrading services, etc.

Company: Imarc
Role: Front-end
Client: Breezeline
Team Size: 1
Desktop ↗ Mobile ↗

LeaseAhoy!

  • React
  • Tailwind
  • PostgreSQL

A data aggregation and comparison website for vehicle lease rates to help people avoid getting overcharged at dealerships.

Company: N/A
Role: Full-stack
Client: Self
Team Size: 1
Website ↗ Source ↗

eRegulations

  • jQuery
  • Sass
  • CraftCMS

A major website for looking up official hunting and fishing rules, regulations, license, permit information, season dates and limits for all 50 states.

Company: Imarc
Role: Front-end
Client: eRegulations
Team Size: 2
Website ↗

Digital Brochures

  • Electron
  • Vue
  • Sass
  • Contentful

Interactive kiosk apps displayed on touchscreen devices during regional auto shows and tech conventions.

Company: Spinifex
Role: Full-stack
Client: Multiple
Team Size: 1
Mazda ↗ Lexus ↗ Honda ↗

Cisco Social Media Wall

  • JavaScript
  • Sass
  • REST API

A visual mosaic of live social media posts from Twitter, Facebook, etc. Displayed on a 50-feet projector screen during Cisco's tech conference.

Company: Spinifex
Role: Full-stack
Client: Cisco
Team Size: 1
Demo ↗

IBM US Open Dashboard

  • Electron
  • Vue
  • Sass
  • ChartJS

A simulated visualization dashboard for demonstrating the possible capabilities of IBM's Watson AI with US Open live data.

Company: Spinifex
Role: Full-stack
Client: IBM
Team Size: 1
Demo ↗

VW.com

  • jQuery
  • Bootstrap
  • LESS
  • AEM

The marketing website of Volkswagen USA. Includes unique features such as "Find a Match" for personalized vehicle searches.

Company: Deutsch LA
Role: Front-end
Client: Volkswagen
Team Size: 10+
Archived ↗ Demo ↗

Student Manager

  • Bulma
  • Sass
  • Django
  • SQLite

A K-12 school's internal system for managing student enrollments, payments, and account balances. It can generate financial reports and also log student entry and exit times using ID cards embedded with NFC tags.

Company: N/A
Role: Full-stack
Client: TGSMCI
Team Size: 1

Customer Manager

  • Bulma
  • Sass
  • Django
  • SQLite

An internal system for an automotive shop. Used to manage customer and vehicle information, log invoices, work orders, parts and labor, it can also generate financial reports.

Company: N/A
Role: Full-stack
Client: ACG
Team Size: 1