Open to Opportunities

Frontend DeveloperAccessibility EngineerFullstack Enthusiast

Building with care, shipped with personality.

Responsive DesignAccessibilityTesting

Frontend developer specializing in building responsive, accessible component designs. Former Shopify engineer & GitLab MVP nominee.

View experience
LinkedIn
GitHub
GitLab
40%reduced nav depth in shopify.dev docs
200+API endpoints consolidated
80%+A11y test coverage - GitLab UI
50%feedback submission rate improved
01

Technical Skills

Frontend

  • JavaScript
  • React
  • TypeScript
  • HTML5
  • CSS3
  • SASS
  • TailwindCSS
  • NextJS

Backend

  • NodeJS
  • Express
  • Python
  • GraphQL
  • REST APIs

Databases

  • SQL
  • PostgreSQL
  • SQLAlchemy

Testing & Tools

  • Jest
  • Cypress
  • Storybook
  • Agile/Scrum
  • Git
  • GitHub

Accessibility

  • WCAG
  • ARIA
  • Semantic HTML
  • axe-core

Design

  • Figma
  • Design Systems
  • Component Design
02

Experience

GitLab

Open Source Contributor

Mar 2024 - Mar 2025

Remote

MVP Nominee - Rel. 173rd - April HackathonLevel 3 Contributor
  • Implemented an end-to-end accessibility test suite using Cypress and axe-core for GitLab's UI component library, achieving 80%+ component coverage and surfacing 30+ previously undocumented WCAG violations.
  • Documented and reported 5+ accessibility gaps in GitLab's BootstrapVue-based UI component library.
  • Placed third in GitLab's April Hackathon, competing against 50+ contributors globally.
  • Nominated for GitLab MVP during release 17.

Shopify

Frontend Developer

May 2022 - May 2023

Remote

  • Redesigned the official Liquid References documentation using React and TypeScript, reducing average page navigation depth by 40% and improving content discoverability for 10,000+ developer users.
  • Engineered updates to the REST API references consolidating 200+ API endpoints into a structured, searchable interface — reducing developer support tickets related to API discovery by 25%.
  • Resolved a long-standing source of confusion across the team by implementing color-coded icons differentiating production from testing environments, which improved team efficiency.
  • Built reusable UI component templates and automated documentation pipelines for the UI References project (Hydrogen React, Checkout UI Extensions), reducing manual documentation effort and accelerating onboarding company-wide.
  • Enhanced the Webhook reference page with additional content and code block examples for each event topic based on feedback from active users while simultaneously working on the UI References project.
  • Contributed to the initial development of the documentation pipeline that automated the conversion of Markdown files into deployment-ready documentation for content writers.

Shopify

Intern

Sept 2021 - May 2022

Remote

  • Built WCAG 2.1-compliant feedback components, increasing user feedback submission rates by 50% across Shopify's developer documentation platform.
  • Refactored GraphQL, Storefront and Admin API references, reducing code duplication by ~30% and improving page rendering performance by 10%, enabling teams to ship updates 2× faster.

Formation

Software Engineering Fellow

Sept 2020 - June 2021

Remote

  • Leveled up skills in frontend development through hands-on projects and mentorship by senior engineers from FAANG companies
  • Engineered modern features including pagination, loading states and infinite scrolling.
  • Enhanced React and JavaScript ES6 skills through technical take home challenges, pair-programming and code reviews with mentors.

Bit Project

Open Source Contributor

Mar 2020 - June 2020

Remote

  • Implemented new API routes to support frontend functionality to fetch the organization's articles, member promotion and removal features.
  • Collaborated with frontend developers to integrate new features and discuss new goals for the organization's web platform.
  • Handled issues to improve user login functionality for the organization's STEM learning platform.
03

Projects

Launchpad Emulator

Description

A web-based emulator for the Launchpad, a popular MIDI controller used by musicians and producers. Included a 4x4 customizable grid and a 8x8 grid that includes vocals, drumkits and synths. Always wanted DJ equipment so I made a scrappy virtual one!
  • TypeScript
  • ReactJS
  • NextJS
  • Next App Router
  • Web Audio API
  • TailwindCSS
  • PostgreSQL
  • Supabase

The Shoppies: Movie Nomination

Challenge

Create a movie nomination site where users can search for movies and nominate their favorites for an awards-style event.

Solution

Built a responsive fullstack application that allows users to search for movies to nominate their favorite films. Implemented state management to track nominations and ensure users cannot nominate more than five movies, loading states for API requests, visual indicators for nomination limits, error handling for missing movie posters, pagination, and failed API requests.
  • ReactJS
  • React Router
  • CSS3
  • SASS
  • HTML5
  • OMDB API
  • Express
  • NodeJS

Seapot Redesign

Challenge

Navigating the existing Seapot restaurant website was difficult due to outdated design patterns and difficulties reading content on smaller screens.

Solution

Revamped the Seapot restaurant website to improve user experience, responsive design, and modern UI patterns. Implemented with a mobile-first approach to ensure an inclusive experience for all users.
  • ReactJS
  • CSS3
  • SASS
  • HTML5

Crunchyroll Dark Mode

Challenge

Crunchyroll did not offer a dark mode option, which made it difficult for users to watch content in low-light environments without straining their eyes.

Solution

Implemented a dark mode version for the Crunchyroll website with additional design customizations for the home, video player and store pages to improve user experience.
  • JavaScript
  • CSS3
  • SASS
  • HTML5