Luis Martinez Suarez

This project involved improving the accessibility of a React app for a client. After an initial accessibility audit, we identified several tickets that needed to be fixed. I worked on these tickets in a separate branch and made sure to submit pull requests that were easy to understand and review. Once the important tickets were completed, I conducted a full accessibility audit of the app to identify additional issues. I grouped these issues into new tickets and prioritized them based on their importance. Then I worked on the most important tickets to fix them. As a result, the app became fully accessible, and a second accessibility audit resulted in essentially zero issues reported. My contributions to this project helped ensure that the app was usable and accessible to a broader audience.

A web app built with React, Firebase, TailwindCSS, and Mantine.dev and bootstrapped from my React starter template.

The server state was handled with React-Query, and the global client state was conducted with Redux Toolkit.

It allows the user to schedule habits. For example, the user may create a routine titled "water the plants" with a recurrence of one day.

A Nuxt component library built for Jobsrepublic was integrated with the Storyblok CMS so that content managers could create and edit new landing pages from scratch.

Every component included team brainstorming with the content creators to cater to their needs, a development phase and accessibility, and performance and SEO audit to achieve a high lighthouse rank.

Changes requested by the team were implemented often within the same day. Tailwind CSS was used for styling, and the UI design was adapted from that provided by the Tailwind UI template library. Each landing page was its own multipage site.

A single-page application built for Jobsrepublic, with data visualization related to social media campaigns and landing pages, namely, KPIs of conversion funnels, plots of a magnitude versus time, and tabular data.

The app was built from scratch to production-ready with Vue 2, Auth0 for authentication, multi-language, and E2E tests with the TestCafe testing library. The data was consumed from a REST API built by the back-end team. The layout used a customized Vue Bootstrap theme. At the start of the project, coding best practices were established and documented.

Contribution to the migration of an admin dashboard from Backbone to Vue 2. Maintained the project for two years.

The admin dashboard was a complex web app whose main two features were managing the landing page content where users could apply and managing the applicants themselves through multiple application stages.

Maintained a multi-site codebase built with Nuxt.js. One of these sites was a big portal with a large traffic of up to 100,000 monthly visitors.

Evolved the codebase, adding new pages, implementing design changes, improving accessibility, performance, and creating a more SEO-friendly URL structure with crawlable pagination and performance.

Contributed to creating a content editor dashboard powered by Vue 3 and Vite. The dashboard was used to create and edit new entries in the database and set them as "published." My main contribution was to develop the form to interact with those entries.

Personal project.

A progressive web application for mobile devices that helps with workouts at home. The app is a static single-page application developed with Vue 2 that behaves like a native mobile app.

I designed and created the UI from scratch using Figma and Tailwind CSS.

A website built in Next.js in static site generation mode, enabling loading times to speed up. The site is styled using Tailwind CSS and Storyblok CMS as a content editor, and it is deployed to Netlify.

A cloud function deployed on AWS with the serverless framework intercepting webhooks from Trello. When a Trello card is moved to a specific list in the Trello board, the cloud function receives a webhook that triggers a zap from Zapier. This zap appends a value to a Google Sheets spreadsheet.

A starter template for my React single-page application projects. It has the following stack configured: Firebase, React Router, Vite, TypeScript, pre-commit hooks, commitlint, GitHub Actions, Tailwind CSS, Mantine, reCAPTCHA, and unit and integration testing.

Onboarded as a front-end developer, I championed major improvements in the Nuxt.js codebase of Rolfs Buss and Solresor, travel websites allowing package bookings.

I targeted large, complex components and initiated a shift towards smaller, single-responsibility modules, vastly enhancing code clarity and maintenance. I corrected Vuex store misuses, transitioned actions to getters, and strategically planned refactoring without affecting feature delivery timelines. I delivered essential features such as advanced web search filters and dynamic campaign pages, boosting user experience. I also filled gaps in end-to-end testing, solidifying the codebase against potential bugs.

The engagement culminated in an effective handover to a new developer, leaving behind a substantially improved and streamlined codebase.

The Weather Wardrobe Wizard sends users weather forecasts and corresponding clothing suggestions. Users can toggle between metric and imperial units, list and image view of clothing, and light and dark themes. Selections are locally stored for guest users, while signed-in users have persistent data stored in Firebase. Premium users enjoy AI-powered packing recommendations from OpenAI.

The application was developed with Next.js, React, TypeScript, and Zustand and combines weather forecasts with clothing advice. OpenWeather API powers the real-time data, and the UI is crafted with Chakra UI. Firebase Firestore handles real-time database updates, while Stripe facilitates payments for premium services. Multi-language support and error tracking with Sentry are other key features.

This is a website to view and publish data samples related to scientific publications. As the front-end and accessibility developer, I performed accessibility audits, created GitHub issues, and fixed existing issues. I also updated the admin pages from legacy to modern styles and updated the style guide to include these updates. Finally, I revamped and improved the accessibility of a Vue widget used to upload large files.

A personal project built from scratch with Next.js, React, and Tailwind CSS. It shows a checklist of items for the videogame Elden Ring. The user can create a profile and persist the checked items. The app is fully client side so the data is stored in the browser.

HelloSafelyFed is a food-safety platform that helps travelers understand menus, evaluate dishes, and communicate dietary restrictions. Its inputs include the menu and the dietary context. Its outputs include dish explanations, dietary-risk guidance, and restaurant communication aids. I own the product definition by specifying what users provide, what the system should return, the supported user journeys, validation requirements, and failure states. Claude Code and Codex produce most of the implementation. I evaluate the platform through observable user behavior and expected outputs rather than detailed manual code inspection. Automated behavioral checks cover authentication, payments, subscriptions, waitlists, and product logic so incorrect outputs can be detected before release.

Upkeepo is the production system I use to maintain websites with Claude Code and Codex. Its inputs are scheduled website checks, production signals, and operator requests. Its outputs are findings, engineering tasks, agent questions, reviewed branches, and human-approved pull requests. I own the product behavior by defining expected outputs, approval boundaries, and failure conditions. Claude Code and Codex produce most of the implementation. I evaluate the system through daily use, observable results, and failures that differ from the expected behavior. The system also runs automated behavioral checks across 15 agent scenarios, including interrupted conversations, concurrent sessions, duplicate actions, project isolation, credential handling, and model selection.

This anonymized project is a regulated healthcare marketing website built with Nuxt and Vue. My inputs were observed production failures, performance measurements, and content-publishing requirements. The expected outputs were faster page loading, correct analytics, timely content updates, and stable production behavior. I specified the desired outcomes and used AI coding agents to implement much of the work, then evaluated changes through browser behavior, Playwright checks, Search Console results, monitoring, and day-to-day production use. During a three-month optimization program, I completed more than 18 performance pull requests and moved every monitored URL in Google Search Console from “Needs improvement” to “Good” within two days. I also diagnosed a silent analytics outage, corrected the browser security policy, added an automated regression check, and maintained uninterrupted production availability throughout the recorded support period.