![Luis Martinez Profile](https://res.cloudinary.com/dicyllvry/image/upload/f_auto,c_limit,w_384,q_auto/q_100/luis-martinez/luis-martinez-profile_cropped_rvybfc.png)
Resume
Luis Martinez Suarez
Web Developer | Information Technology | PhD in Science
About
Luis is a skilled web developer with 5 years of experience in React and Vue. He is passionate about crafting clean, well-structured code that follows best practices. Luis stays up to date with industry developments and continuously challenges himself with side projects.
Most Amazing Development
A component library that allows non-technical content creators to create and edit landing pages using the Storyblok CMS
Preferred Environment
Work Experience
Frontend Developer
Senior Frontend Developer - Accessibility Consultant
Toptal | 2023-08 - current
Frontend Developer
Senior Frontend Developer - Nuxt.js Specialist
Toptal | 2023-03 - 2023-05
Accessibility Consultant
Accessibility Consultant - React Specialist
Toptal | 2022-09 - 2023-03
Frontend Developer
Frontend Developer - Nuxt.js and Node.js Specialist
Passionate People | 2021-10 - 2022-06
Frontend Developer
Frontend Developer - Nuxt.js and Tailwind Specialist
Jobsrepublic | 2020-06 - 2021-09
Frontend Developer
Frontend Developer - Nuxt.js Specialist
Jobsrepublic | 2019-10 - 2020-06
Junior Frontend Developer
Junior Frontend Developer - Vue.js and Data Visualization Specialist
Jobsrepublic | 2019-02 - 2019-10
Education
PhD in Quantum Chemistry
Ruhr University Bochum, Bochum, Germany
2009-10 - 2014-02
Master's Degree in Quantum Chemistry
University of Barcelona, Barcelona, Spain
2008-10 - 2009-09
Bachelor's Degree in Chemistry
University of Barcelona, Barcelona, Spain
2003-10 - 2008-06
Skills & Expertise
- CSS5 years
- JavaScript5 years
- HTML55 years
- Vue3 years
- React2 years
- Tailwind CSS4 years
- Front-end Development5 years
- Web Development5 years
- Nuxt.js2 years
- Next.js2 years
- TypeScript2 years
- Web Accessibility2 years
- Storyblok2 years
- Firebase1 year
- Adobe Photoshop5 years
- APIs5 years
- ECMAScript (ES6)5 years
- JavaScript Libraries5 years
- Responsive Layout5 years
- Responsive Web Design (RWD)5 years
- Testing5 years
- User Interface (UI)5 years
- Agile Software Development3 years
- API Integration3 years
- Babel3 years
- Bash3 years
- CSS35 years
- ESLint5 years
- Flexbox5 years
- Front-end5 years
- Git5 years
- GitHub5 years
- GitLab3 years
- HTML5 years
- HTML DOM5 years
- Jira3 years
- JSON5 years
- Linux5 years
- Lodash3 years
- NPM5 years
- Remote Work4 years
- REST APIs3 years
- Scrum3 years
- Slack5 years
- Spreadsheets3 years
- Ubuntu5 years
- Ubuntu Linux5 years
- UI Components5 years
- UI Frameworks5 years
- Visual Studio Code (VS Code)5 years
- Vue 23 years
- Vuex3 years
- Web UX3 years
- Webpack 43 years
- Wireframe to Product3 years
- Wireframing3 years
- Amazon Elastic Container Service (Amazon ECS)2 years
- Amazon Route 532 years
- Amazon S3 (AWS S3)2 years
- Auth02 years
- Bootstrap4 years
- Bootstrap 43 years
- Bootstrap 31 year
- Component Libraries2 years
- Content Management Systems (CMS)2 years
- Jest2 years
- PostgreSQL2 years
- SCSS3 years
- Startups2 years
- TestCafe2 years
- UI Libraries2 years
- UI Testing2 years
- Zapier2 years
- A11Y2 years
- Accessibility2 years
- Adobe After Effects1 year
- Adobe Illustrator1 year
- Amazon Web Services (AWS)1 year
- AWS Certificate Manager1 year
- AWS Lambda1 year
- Blender1 year
- CI/CD Pipelines1 year
- Cloud Firestore1 year
- Cloudflare1 year
- Cloudflare Workers1 year
- CSS Grid1 year
- Data Visualization1 year
- Docker1 year
- Elastic Load Balancers1 year
- Express.js1 year
- Figma1 year
- Firebase Authentication1 year
- Firebase Hosting1 year
- Full-stack1 year
- GitLab CI/CD1 year
- Google Apps Script1 year
- JSX2 years
- Mantine1 year
- Netlify2 years
- Node.js1 year
- OAuth 21 year
- Performance1 year
- React Components2 years
- React Hooks2 years
- React Query1 year
- React Redux1 year
- React Testing Library1 year
- Redis1 year
- Redux1 year
- RxJS1 year
- Sanity Studio1 year
- Sass1 year
- Search Engine Optimization (SEO)1 year
- Sentry1 year
- Serverless1 year
- Serverless Framework1 year
- SSH1 year
- Storybook1 year
- TypeScript 22 years
- TypeScript 32 years
- UI Design1 year
- UX Design1 year
- Vite1 year
- Vitest1 year
- Vue 31 year
- WCAG 22 years
- Yarn1 year
- Booking Systems
- Chakra UI1 year
- Firebase Cloud Functions
- i18n
- Less
- Multilingual Websites
- OpenAI API2 years
- PHP
- Playwright
- Progressive Web Applications (PWA)2 years
- Recharts
- Selenium
- Stripe API1 year
- User Experience (UX)
- Vercel2 years
- Zustand1 year
Projects
React Katas AI Maker
Personal Project
React Katas AI Maker is an app that takes React docs as input, gives the user a few options and outputs the full code for an AI generated React Kata, including final code, starting code and README file, to practice the concepts.
Checklist App for Elden Ring
Personal Project
A personal project built from scratch with Next.js, React and Tailwind CSS, with currently around 100 daily users. 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.
Improving Accessibility and Styles of a PHP Website
Corporate Project
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.
Travel Booking Websites Improvement
Corporate Project
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.
Improving Accessibility in a React App
Corporate Project
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.
Habits App
Personal Project
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.
Weather Wardrobe Wizard
Personal Project
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.
Trello Scope Tracker
Personal Project
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.
My Personal Website
Personal Project
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.
Vue Admin Dashboard Maintenance
Corporate Project
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.
Content Editor Dashboard
Corporate Project
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.
Landing Page Editor
Corporate Project
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.
Multi-site Codebase Maintenance
Corporate Project
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.
Conversion Tracker App
Corporate Project
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.
AthleanX Home Workout App
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.
Certifications
Web Accessibility
Udacity | 2020 - Present
The Complete Junior to Senior Web Developer Roadmap
Udemy | 2019 - Present
Frontend Development Libraries
freeCodeCamp | 2018 - Present
JavaScript Algorithms and Data Structures
freeCodeCamp | 2018 - Present
Responsive Web Design
freeCodeCamp | 2018 - Present