Open to Opportunities

Frontend DeveloperAccessibility EngineerFullstack Enthusiast

Building with care, shipped with personality.

Responsive DesignAccessibilityTesting

Frontend developer specializing in building responsive and accessible component designs. Former engineer at Shopify & 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

Career Sabbatical

AI Enthusiast

Present

Agentic AI Certificate
  • After being impacted by a 20% workforce reduction at Shopify, I stepped away from my carreer to relocate to prioritize family caregiving responsibilities and personal health.
  • With family and personal matters resolved, I have been dedicated to expanding my skill development in AI.
  • This includes attending AI-focused workshops and completing a DeepLearningAI course to deepen my understanding of agentic AI concepts and applications.
  • I am currently working on an agentic cooking assistant to apply my learning and gain hands-on experience in AI development.

GitLab

Open Source Contributor

Mar 2024 - Mar 2025

Remote

MVP Nominee - Rel. 17
3rd - April Hackathon
Level 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

Genette • AI Cooking Assistant

Description

Hey Genette, what should I cook today?

Challenge

Many people struggle with meal planning and cooking, leading to food waste and costly spending on takeout.

Solution

An AI-powered cooking assistant that generates personalized recipe searches based on user preferences,
  • Agentic AI
  • TypeScript
  • ReactJS
  • NextJS
  • PostgreSQL
  • SASS
  • HTML
  • Supabase
  • Upstash Redis
  • OpenAI API

Launchpad Emulator • MINI

Description

A mini (4x4) version of the Launchpad Emulator. Fully customizable grid with more effects and features, such as recording, playback and download. More fun on the go! Works on mobile and desktop.

Challenge

The original Launchpad Emulator was designed for desktop only and had a fixed 8x8 grid, which limited its accessibility and functionality for users on mobile devices or those who wanted a more compact version.

Solution

Developed a mobile-friendly version of the Launchpad Emulator with a customizable 4x4 grid, additional effects, and recording/playback features to enhance user experience across devices.
  • TypeScript
  • ReactJS
  • NextJS
  • Next App Router
  • Web Audio API
  • IndexedDB API
  • TailwindCSS
  • HTML

Launchpad Emulator • 8x8

Description

A web-based emulator for the Launchpad, a popular MIDI controller used by musicians and producers. An 8x8 grid that includes vocals, drumkits and synths. Works best on desktop. Always wanted DJ equipment so I made a scrappy virtual one! Built with CYMATICS x TrapCity Soundpack.
  • TypeScript
  • ReactJS
  • NextJS
  • Next App Router
  • Web Audio API
  • IndexedDB API
  • TailwindCSS
  • PostgreSQL
  • Supabase
  • Upstash Redis
  • HTML

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
  • CSS
  • SASS
  • OMDB API
  • Express
  • NodeJS
  • HTML

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 design for 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
  • CSS
  • SASS
  • HTML

Crunchyroll • Dark Mode

Challenge

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

Solution

Implemented a dark mode design for the Crunchyroll website with additional personal customizations for the home, video player and store pages to improve user experience. This project is a mimic of the original Crunchyroll website with basic frontend implementations only.
  • JavaScript
  • CSS
  • SASS
  • HTML