Blair Makes Cool Things
Who's this gal?
Hi, I'm Blair Wilcox! I'm a frontend developer and design technologist living in Boston, Massachusetts. I've worked on all sorts of projects during my time in the industry ranging from frontend to backend development, with technology as varied as chrome extensions and Figma plugins. At the end of the day, I like working on tools that make people's lives a little bit easier.
Cool Stuff I've Worked on
I've worked on a lot of projects in my career that have really pushed me to learn new technologies and adopt new skills. Here are some of the ones that I'm most proud of.
Homebase Themer
A Figma plugin initially extending Themer, but gradually updated to support additional token types, a React UI built with our design system components, and analytics using Wayfair’s internal tracking system.
This plugin was needed for the Homebase team to migrate from Sketch to Figma. I was in charge of the initial investigation and implementation, and led subsequent maintenance and feature development. As a result of adopting this plugin, we were able to maintain 3 times as many themes using 1/3 of the assets.
You can read more about the development and use of this plugin in this Medium blog post.
Homebase Coverage Extension
A browser extension used internally at Wayfair to measure the proportion of Homebase components on a page. This was used by other teams at Wayfair to measure their compliance with our design system. I did the initial development, researching how to develop and publish a Chrome extension and implementing it in TypeScript (one of the first major projects on the Homebase team to use it).
Homebase UI Library
Homebase is a UI library used internally at Wayfair across it’s web, Android, and iOS apps. I mostly focused on the web library, which was written in React, and the related Figma assets. Tasks usually involved making technical changes to ensure the components were accessible and bug-free, and working with the design team to evaluate new components and variants of those components. We maintained an extensive testing setup for this library, using Jest for unit tests, Cypress for integration tests, and Chromatic for Visual Regression tests. We also maintained a regular release cadence of a new version every 2 weeks, alternating the responsibility among team members.
Homebase Docs Site
A NextJS website that was used internally at Wayfair to document how to use the Homebase UI library. It hosted live demos of Homebase components, design and accessibility guidelines, information on how to setup the libraries and related tooling, and a sandbox where people could test out the components and prototype layouts. In addition to doing frontend and backend web development on the site, we also were in charge of deploying this site through Google Cloud Platform, which required knowledge of Docker, Kubernetes, Buildkite, and Terraform.
Things I've Used
I've worked on a lot of projects in my career that have really pushed me to learn new technologies and adopt new skills. Here are some of the ones that I'm most proud of.
Languages
- HTML
- CSS
- Sass
- JavaScript
- TypeScript
- PHP
Tools
- Docker
- Kubernetes
- Terraform
- Google Analytics
- Looker Studio
- Google Cloud Platform
- Figma
- Sketch
- Buildkite
Frameworks
- React
- NextJS
- NodeJS
- Wordpress
- Laravel
- Magento