Logo

Francis San Juan

Full stack. In development.

About Me

I'm a full-stack developer with a frontend heart. I enjoy dabbling with Docker containers and defining API contracts, but I especially love developing distinct user experiences that delight users and developers alike.

Professionally, I‘ve worked for nearly 15 years in web development and have been fortunate to work for small design agencies to larger corporations. But my history with HTML goes back to my days fiddling around with Microsoft FrontPage and creating my first site on GeoCities. What can I say, my passion for coding goes way back.

I seek to be in a place where I'm always improving, always in development: whether through learning a new library or language — both spoken and programming — or through listening to podcasts to improve in mind, body and spirit.

Offline, I'm a husband to my beloved wife and a proud dad to two amazing boys whom I chase after around the house. But when I get a moment to myself, I enjoy building Gunpla and playing my acoustic guitar.

Experience

  1. Jan 2020 - Feb 2025

    Software Engineer II Instacart (Ads)

    I contributed across the full stack to enhance a self-serve advertising platform, leading projects that improved campaign management, creative workflows, and promotional tooling. Highlights include building a campaign duplication system, implementing image cropping for display ads, and developing integrations between the React frontend and backend services via REST APIs and RPC endpoints using Rails, Golang, and protobufs. I also led the migration of manually defined to an autogenerated TypeScript API client with types for an improved developer experience and reliability.

  2. Jan 2023 - Jun 2023

    Software Engineer II Instacart ("Ground Truth" Data Quality Initiative)

    Collaborated with a cross-team, company-wide efforts to improve data discoverability and quality across reporting and analytics tools. I contributed to the development of ETL pipelines using Amundsen to surface metadata about the company's various datasources within Mode. I developed logic for assessing the quality of those datasources and certifying them against the company's criteria, storing those assessments in a graph database and exposing the final quality certification as a badge in the UI.

  3. Jun 2018 - Jan 2020

    Software Engineer Instacart (Enterprise)

    I built and maintained features the team's custom WordPress plugin that integrated with its white-label e-commerce platform, enabling seamless add-to-cart functionality directly within content and made updates to each partner's Cordova-based mobile apps.

    I also created automation scripts for deploying retailer partner sites and worked with hosting providers to improve cache purging mechanisms, helping deliver a faster, more reliable shopping experience.

  4. Dec 2014 - Apr 2018

    Software Engineer Flipp (Flyer Admin Team)

    Contributed to the design and development of scalable backend services and internal tooling in a microservice architecture supporting Flipp’s retail partners. Developed features for the Flyer Administration system, which included designing a JavaScript-based UI (Google Closure + OpenLayers) for selecting thumbnail dimensions at various aspect ratios and triggering thumbnail generation via ImageMagick. Built and maintained data ingestion pipelines for parsing partner e-commerce websites and importing product feed CSV files into the platform’s database.

  5. Mar 2011 - Nov 2014

    Web Developer Beyond The Click (Digital Media Team)

    Designed, developed, and deployed responsive marketing and promotional sites for clients using modern front-end and CMS tools. Built reusable stylesheets with LESS/SASS and optimized builds using Grunt. Converted Flash banner ads in various standard formats from US to Canadian versions, keeping them under strict 40KB size limits. Developed interactive promotional Flash games using Adobe Flash and ActionScript 3. Developed email templates compatible with a wide array of clients, and contributed to back-end logic in Drupal and CodeIgniter. Provisioned LAMP and LEMP servers on DigitalOcean based on performance needs and project scope.

Projects

  • Next.js Dashboard

    Next.js Dashboard

    A Next.js demo Dashboard application.

    See here for test credentials

  • Living Hope Toronto (V1 - Archived)

    Living Hope Toronto (V1 - Archived)

    An archived version of the original site developed for Living Hope Baptist Church Toronto with a custom Ruby On Rails-based backend and media hosted on S3/Cloudfront.

  • HTML5 Introduction

    HTML5 Introduction

    A minisite to inform those interested in some of the new semantic tags and new built-in browser features being made available in HTML5. Graphics and theme were developed to try to match the bold 'large type' look and feel of the HTML5 Logo site with my own style to it. And yes, it was written in valid HTML5 :)

  • CSS Zen Garden

    CSS Zen Garden

    This site was developed using only the exact HTML code on the CSS Zen Garden and customizing only the CSS for that page. All the graphics and layout are being loaded in using CSS only.

  • Kinetic Type: V

    Kinetic Type: V

    This kinetic type animation was designed fully in Adobe Flash CS5 (although it could have probably been more easily produced with better 3D/camera effects using Adobe After Effects). The quote is from the movie V for Vendetta. I've made a valiant effort to verify that this video plays vastly validly. Enjoy!