Most recently, I have worked at FindMine, a generative AI startup that works with major retail-brand companies like Gap, Old Navy, Banana Republic, Lululemon, Anine Bing, and others, to show customers how to wear products via its "Complete the Look" technology.
I was the fourth engineer hired and the most tenured employee, after the CEO, with significant domain expertise and complete ownership of the frontend stack.
I started as a Software Engineer, but was promoted to Lead Frontend Engineer for the past four years. The following projects represent the most recent initiatives I led, including a rebuilding of FindMine's flagship internal and client-facing tool in React, plus other key projects focused on the company's client-embedded JavaScript Web Component widgets.
FindMine's Flagship Internal and Client-facing Tool
Products
Products with active filters in the left navigation
Product modal
Product modal with category tree expanded
Product modal with a simple facet dropdown expanded
Product modal with action button expanded
Looks
View that automatically filters for "pinned" looks, seen with the active selection in the header
The looks Canvas, and overlay view used to create and edit looks that includes drag-and-drop functionality and comprehensive item filters
Editing a published look within the Canvas
Client-embedded JavaScript Widgets
These widgets power over 1B view annually, collected via analytics calls that are triggered when the widget comes into view on a user's screen
The items and looks created in the above tool are served to the client-embedded JavaScript widgets on their product pages via the Complete the Look API; this is an example of a widget on Anine Bing's website
This the same Anine Bing widget, but highlights the slide-up Quick Add UI that allows users to add products to their cart directly from the widget. Enabling flexibility and extensibility for client customization is a crucial component of this application.
The Widget Editor
The internal flagship tool discussed above also contains a new Widget Editor UI that allows non-technical users to create, edit, and configure these same client-embedded widgets
They include a variety of configurations including the general layout, font details, pagination, and other widget behaviors
Users can configure specific breakpoints and different UIs depending on the screensize; this shows the editor while making changes to a mobile layout