Luis is available for hire

Luis Martinez Suarez

Verified Expert in Engineering

Front-end Developer

Location

Roses, Spain

Toptal Member Since

August 10, 2022

Luis是一名高技能的前端开发人员，在React和Vue生态系统的前端框架方面拥有四年的经验. 他热衷于制造清洁, 遵循最佳实践的结构良好的代码, 确保代码审查者能够很容易地理解它. Luis致力于跟上行业发展的步伐，并不断磨练自己的技能.

Front-end UI Components CSS Vue HTML5 Flexbox User Interface (UI)ESLint Bootstrap 4 UI Testing UI Libraries React Hooks Accessibility Visual Studio Code (VS Code)敏捷软件开发

Portfolio

Rolfs Flyg- & Bussresor Aktiebolag

Vue, Nuxt.js, JavaScript，前端，CSS，旅游，预订系统...

公证公司-移动应用程序

HTML5, CSS, JavaScript, React, Accessibility, WCAG 2, Selenium, UI测试...

Passionate People

Nuxt.. js，顺风CSS，故事书，Node . js.js, Storyblok...

Experience

CSS - 4 years JavaScript - 4 years HTML5 - 3 years Vue - 3 years 顺风CSS - 2年 Storyblok - 2 years Firebase - 1 year React - 1 year

Availability

Part-time

首选的环境

React, Next.js, Firebase, Visual Studio Code (VS Code), Tailwind CSS, Mantine, Vite, 前端开发, ECMAScript (ES6)

The most amazing...

...我开发的是一个组件库，它允许非技术内容创建者使用storyblock CMS创建和编辑着陆页面.

Work Experience

Front-end Developer

2023 - 2023

Rolfs Flyg- & Bussresor Aktiebolag

精简了前端next代码库, 减少组件大小，从而提高代码的可维护性.
开发并建立了最佳编码实践文档, 作为团队一致和高效代码开发的蓝图, 这样就留下了一个更易维护的代码库.
识别并纠正Vuex商店的不当行为, 使用Vuex最佳实践将不适当的操作转换为getter.
交付的主要特性, 包括通过区域和活动过滤器增强的网络搜索, 更多可用的日期范围选择, 动态活动页面, 提高网站可用性.
扩展端到端测试覆盖到网络搜索的最关键用例, 显著减少bug的发生，提高整体产品质量和开发人员的生产力.
在两周内成功地处理了代码库所有权从离职开发人员的转移, 主动拥有前端代码.
通过向一个新的前端开发人员介绍代码库的关键方面并彻底检查他的代码，帮助他加入团队.
使用Jira进行任务管理，使用Slack进行通信.

技术:Vue, next.js, JavaScript，前端，CSS，旅游，预订系统, User Interface (UI), User Experience (UX), TestCafe, APIs

可访问性开发

2022 - 2023

公证公司-移动应用程序

改进了React应用的可访问性, prioritizing, and resolving issues, 产生一个完全可访问的应用程序，在最终审计中没有报告任何问题.
在规定的时间内成功完成项目, 满足客户的需求和期望.
编写干净且文档完备的拉取请求, 导致有效的审查和更容易的票据解决.
与客户进行日常有效的沟通, 提供定期更新并及时解决任何问题.
在初始审计之外，主动识别其他可访问性问题, 确保全面解决所有重大问题.

Technologies: HTML5, CSS, JavaScript, React, Accessibility, WCAG 2, Selenium, UI测试, TypeScript, RxJS, Sass, Jest, 前端开发, ECMAScript (ES6), Testing, JavaScript库, APIs

Front-end Developer

2021 - 2022

Passionate People

Maintained a Nuxt.. js内部平台，使用next . js.js 2, composition API, Tailwind CSS, Sanity, 和故事书作为技术栈的一部分, 将Options API组件迁移到Composition API, 重构和扩展现有的特性.
Prepared the Nuxt.基于js平台的实时会议，通过手工测试主要用户流, 发现和修复bug, 并对网站布局进行小的改进.
维护一个用Node编写的后端平台.使用无服务器的基础架构，并将其与Sanity客户端集成. 手动测试现有端点，并创建用于从数据库读取和编辑数据的新端点.

Technologies: Nuxt.. js，顺风CSS，故事书，Node . js.js, Storyblok, Visual Studio Code (VS Code), Vue, CSS, HTML, Vue 2, Vue 3, ESLint, Git, GitLab CI/CD, HTML DOM, HTML5, HTML4, CSS4, CSS3, NPM, JSON, Babel, YARN, Webpack 4, Lodash, Cloudflare, Linux, Ubuntu Linux, Ubuntu, UI Frameworks, Wireframing, Web UX, Flexbox, Slack, Remote Work, Sanity CMS, Front-end, Startups, UI Components, 内容管理系统(CMS), API Integration, 前端开发, ECMAScript (ES6), JavaScript库, UI Libraries, APIs

Front-end Developer

2020 - 2021

Jobsrepublic

从头开始开发一个使用顺风CSS样式的next组件库，并将其连接到storyblock CMS. 内容管理人员使用该产品在没有开发团队帮助的情况下，在几天内从零开始创建登录页面.
从Tailwind UI模板库中改编组件以适应设计需求.
根据可访问性审核UI的每个组件, 页面上的技术SEO, 和表现，以达到较高的灯塔排名.
从内容管理员那里获得反馈，改进CMS, 更新现有组件以包含更多特性并发布新组件, 遵循每周发布周期.
在PostgreSQL数据库上执行基本操作，运行简单的查询来查找和编辑数据.
使用Jira作为票务系统，使用Slack作为通信工具.

Technologies: Nuxt.js, Visual Studio Code (VS Code), Vue, Tailwind CSS, Storyblok, 敏捷软件开发, CSS, HTML, Vue 2, Adobe Photoshop, Vue 3, PostgreSQL, ESLint, Git, GitLab CI/CD, HTML DOM, HTML5, HTML4, CSS4, CSS3, CSS Grid, NPM, Vuex, JSON, Babel, Bash, Vite, Lodash, Amazon S3 (AWS S3), Amazon弹性容器服务(Amazon ECS), Amazon Route 53, Linux, Ubuntu Linux, Ubuntu, UI Frameworks, Web UX, Flexbox, Jira, Slack, Scrum, Remote Work, Front-end, Startups, UI Components, 内容管理系统(CMS), UI Design, API Integration, 前端开发, ECMAScript (ES6), REST APIs, JavaScript库, Responsive Layout, UI Libraries, APIs

Front-end Developer

2020 - 2020

Jobsrepublic

维护使用next构建的多站点代码库.js. 其中一些网站是大型门户网站，流量高达100,000 monthly visitors.
Evolved the codebase, adding new pages, 实施设计变更, 改进可访问性和性能, 并创建一个更seo友好的URL结构与可抓取的分页和性能.
使用预先建立的内部协议将站点部署到AWS. 使用的AWS服务是亚马逊ECS, EC2 load balancers, Amazon Route 53, 和AWS证书管理器(ACM).
配置和部署具有不同品牌的新站点，更改颜色主题和徽标. 这涉及到在PostgreSQL数据库中添加一个新条目，并在前端的配置文件中设置内容.
使用Vue 3和Tailwind UI帮助构建一个仪表板应用程序的前端. 营销人员使用该应用程序通过定制表单向PostgreSQL数据库添加和编辑条目.
使用Jira作为票务系统，使用Slack作为通信工具.
根据客户要求使用Adobe Photoshop为新网站创建徽标.
Maintained a Node.js and Express.Js后端用于捕获表单提交.
在PostgreSQL数据库上执行基本操作，运行简单的查询来查找和编辑数据.

Technologies: Nuxt.. js, Visual Studio Code (VS Code)， Vue, Bootstrap, Node.js, Express.js, 敏捷软件开发, CSS, HTML, Vue 2, PostgreSQL, ESLint, SCSS, Sass, Git, GitLab CI/CD, HTML DOM, HTML5, HTML4, CSS4, CSS3, NPM, Vuex, JSON, Babel, Bootstrap 4, Bash, Webpack 4, Lodash, Amazon S3 (AWS S3), Amazon弹性容器服务(Amazon ECS), Amazon Route 53, Linux, Ubuntu Linux, Ubuntu, UI Frameworks, Web UX, Flexbox, Auth0, AWS证书管理器, 弹性负载均衡器, Jira, Slack, Scrum, Remote Work, OAuth 2, Zapier, Front-end, Startups, UI Components, API Integration, UI Testing, 前端开发, ECMAScript (ES6), REST APIs, JavaScript库, Responsive Layout, UI Libraries, APIs

初级前端开发人员

2019 - 2020

Jobsrepublic

开发单页应用程序的前端，显示与社交媒体活动和登陆页面相关的数据表示, namely, 转换渠道的kpi, 震级与时间的关系图, and tabular data.
对仪表板应用程序做出了贡献, 使用Vue 2构建的单页面应用程序, Auth0用于身份验证, TestCafe用于端到端测试, BootstrapVue, and multi-language, 并遵循编码最佳实践.
开发工具之间的集成以优化内部任务, 包括Google Apps Script, SendGrid, Trello, Zapier, lambda functions, and Serverless.
配合后端团队按照Scrum和Agile方法开发功能. 将CI/CD最佳实践用于每周部署到登台和生产环境.
使用UI最佳实践和Figma作为设计工具重新设计了应用程序的前端.
在PostgreSQL数据库上执行基本操作，运行简单的查询来查找和编辑数据.
使用Jira作为票务系统，使用Slack作为通信工具.

技术:Vue 2, Vuex, Visual Studio Code (VS Code)， Vue, next.js, Bootstrap, Figma, PostgreSQL, ESLint, SCSS, Sass, Git, GitLab CI/CD, Jest, TestCafe, HTML DOM, HTML5, HTML4, CSS4, CSS3, NPM, JSON, Babel, Bootstrap 4, Bash, Webpack 4, Lodash, Amazon弹性容器服务(Amazon ECS), Serverless, Google Apps Script, Linux, Ubuntu Linux, Ubuntu, UI Frameworks, Spreadsheets, Wireframing, Wireframe to Product, Web UX, Flexbox, Auth0, Jira, Slack, Scrum, AWS Lambda, Serverless Framework, Zapier, Front-end, Startups, UI Components, UI Design, Data Visualization, API Integration, UI Testing, 前端开发, ECMAScript (ES6), Testing, UX Design, REST APIs, JavaScript库, Responsive Layout, Component Libraries, UI Libraries, APIs

Experience

改进React应用中的可访问性

http://app.notarize.com

这个项目涉及到为客户端改进React应用的可访问性. 在初始的可访问性审计之后，我们确定了几个需要修复的问题. 我在一个单独的分支中处理这些票据，并确保提交的拉取请求易于理解和审查. 一旦重要的票完成, 我对应用程序进行了全面的可访问性审核，以确定其他问题. 我将这些问题归类为新的问题，并根据它们的重要性对它们进行优先排序. 然后我在最重要的票上修复它们. As a result, 这款应用完全可以访问, 第二次可访问性审计基本上没有报告任何问题. 我对这个项目的贡献有助于确保这个应用程序对更广泛的受众是可用的和可访问的.

Habits App

http://rotations-6f39b.firebaseapp.com

一个使用React, Firebase, TailwindCSS和Mantine构建的web应用程序.dev和从我的React starter模板启动.

使用React-Query处理服务器状态, 使用Redux Toolkit进行全局客户端状态.

它允许用户安排习惯. 例如，用户可以创建一个名为“浇花”的例程，周期为一天.

Landing Page Editor

为Jobsrepublic构建的next组件库与storyblock CMS集成在一起，以便内容管理器可以从头开始创建和编辑新的着陆页面.

每个组成部分都包括与内容创作者进行团队头脑风暴，以满足他们的需求, 开发阶段和可访问性, 绩效和SEO审计，以实现高灯塔排名.

团队请求的更改通常在同一天内实现. 顺风CSS用于样式, UI设计采用了Tailwind UI模板库提供的UI设计. 每个登陆页面都是它自己的多页面站点.

转换跟踪应用程序

为Jobsrepublic构建的单页面应用程序, 与社交媒体活动和登陆页面相关的数据可视化, namely, 转换渠道的kpi, 大小与时间的关系图, and tabular data.

该应用程序是用Vue 2从零开始构建到可用于生产的, Auth0用于身份验证, multi-language, 使用TestCafe测试库进行端到端测试. 数据是从后端团队构建的REST API中使用的. 布局使用了自定义的Vue Bootstrap主题. 在项目开始时，建立并记录了编码最佳实践.

Vue管理仪表板维护

对管理仪表板从Backbone迁移到Vue 2的贡献. 维护项目两年.

管理仪表板是一个复杂的web应用程序，它的两个主要功能是管理用户可以申请的登录页面内容，以及通过多个应用程序阶段管理申请人自己.

多站点代码库维护

维护使用next构建的多站点代码库.js. 其中一个网站是一个大型门户网站，每月访问量高达10万.

Evolved the codebase, adding new pages, 实施设计变更, 提高可访问性, performance, 并创建一个更seo友好的URL结构与可抓取的分页和性能.

内容编辑器面板

帮助创建一个由Vue 3和Vite支持的内容编辑器仪表板. 仪表板用于在数据库中创建和编辑新条目，并将它们设置为“已发布”.“我的主要贡献是开发与这些作品互动的形式.

AthleanX家庭锻炼应用程序

http://ahtleanx-home-workout.netlify.app/

Personal project.

一个先进的移动设备网络应用程序，有助于在家锻炼. 该应用程序是使用Vue 2开发的静态单页应用程序，其行为类似于本机移动应用程序.

我使用Figma和Tailwind CSS从零开始设计和创建UI.

My Personal Website

http://www.webdevluis.com

一个网站建立在下一步.Js在静态站点生成模式下，使加载时间加快. 该网站使用顺风CSS和storyblock CMS作为内容编辑器, 它被部署到netflix上.

Trello Scope Tracker

http://github.com/luismartinezs/trello-scope-tracker

一个部署在AWS上的云功能，使用无服务器框架拦截来自Trello的webhook. 当Trello卡移动到Trello板中的特定列表时, 云函数接收一个触发Zapier的webhook. 这个程序将一个值附加到Google Sheets电子表格中.

React Starter模板

http://github.com/luismartinezs/react-firebase-mantine-tailwind-vite-starter

我的React单页应用程序项目的入门模板. 它配置了以下堆栈, React Router, Vite, TypeScript, pre-commit hooks, commitlint, GitHub Actions, Tailwind CSS, Mantine, reCAPTCHA, 单元和集成测试.

旅游预订网站改善

作为一名前端开发人员，我支持next的重大改进.Rolfs Buss和Solresor的js代码库，允许打包预订的旅游网站.

I targeted large, 复杂的组件，并开始向更小的转变, 单一职责模块, 极大地提高了代码的清晰度和维护性. 我纠正了Vuex商店的错误, 将动作转换为getter, 并且在不影响特性交付时间的情况下战略性地规划重构. 我提供了一些基本功能，如高级网络搜索过滤器和动态活动页面, 提升用户体验. 我还填补了端到端测试的空白，巩固了针对潜在bug的代码库.

这种接触最终导致了向新开发商的有效交接, 留下了一个大大改进和简化的代码库.

天气衣橱向导

http://weather-wardrobe-wizard.netlify.app/

天气衣橱向导向用户发送天气预报和相应的服装建议. 用户可以在公制和英制单位之间切换, 列表和图像视图的服装, 以及光明和黑暗的主题. 选择在本地为来宾用户存储, 而登录用户则将数据持久化存储在Firebase中. 高级用户可以享受OpenAI提供的基于ai的打包建议.

该应用程序是与Next一起开发的.js、React、TypeScript和Zustand，并结合了天气预报和着装建议. OpenWeather API支持实时数据，用户界面由Chakra UI精心设计. Firebase Firestore处理实时数据库更新, 而Stripe则为付费服务提供便利. Sentry的多语言支持和错误跟踪是其他关键特性.

Skills

Languages

JavaScript, CSS, HTML, HTML5, CSS3, ECMAScript (ES6), TypeScript, HTML4, TypeScript 3, TypeScript 2, SCSS, Sass, CSS4, Bash, Google Apps Script

Frameworks

Tailwind CSS, Next.js, Nuxt.. js, Bootstrap, Redux, TestCafe, Jest, YARN, Express.js，无服务器框架，OAuth 2, Selenium

Libraries/APIs

Vue, Vue 2, Flexbox, React, React测试库，React Redux, Vuex, Lodash, Node.js, RxJS, REST API, Stripe API, Recharts，剧作家

Paradigms

HTML DOM, 敏捷软件开发, Responsive Layout, Scrum, UI Design, Testing, UX Design, 搜索引擎优化(SEO), 响应式网页设计(RWD)

Other

Storyblok, Vue 3, Remote Work, Front-end, UI Components, API Integration, 前端开发, A11Y, Firebase Hosting, ESLint, Bootstrap 4, UI Frameworks, Wireframing, Wireframe to Product, Web UX, React Components, React Hooks, Startups, 内容管理系统(CMS), Accessibility, UI Testing, User Interface (UI), Component Libraries, UI Libraries, APIs, Storybook, Mantine, Vite, Vitest, CI/CD Pipelines, SSH, Performance, CSS Grid, Amazon Route 53, Serverless, Cloudflare, AWS证书管理器, 弹性负载均衡器, Sanity CMS, Data Visualization, WCAG 2, i18n, React Query, JavaScript库, Full-stack, Travel, Booking Systems, User Experience (UX), Zustand, Chakra UI, OpenAI GPT-4 API, OpenAI GPT-3 API, 多语言网站, PWA, 渐进式Web应用程序(PWA), Web Accessibility, Firebase云功能

Tools

Figma, Adobe Photoshop, Git, NPM, JSX, Jira, Slack, Zapier, Sentry, Adobe Illustrator, Adobe After Effects, Blender, GitHub, GitLab, GitLab CI/CD, Babel, Webpack 4, Amazon弹性容器服务(Amazon ECS), Spreadsheets, Auth0, 重火力点身份验证

Platforms

Firebase, Visual Studio Code (VS Code), Netlify, Docker, 亚马逊网络服务(AWS), Linux, Ubuntu Linux, Ubuntu, AWS Lambda

Storage

Cloud Firestore, JSON, Redis, PostgreSQL, Amazon S3 (AWS S3)

Education

2009 - 2014

计算化学博士

鲁尔大学波鸿-波鸿，德国

2008 - 2009

计算化学硕士学位

巴塞罗那大学-巴塞罗那，西班牙

2003 - 2008

化学学士学位

巴塞罗那大学-巴塞罗那，西班牙

Certifications

2020年9月至今

Web Accessibility

Udacity

JULY 2019 - PRESENT

完整的初级到高级Web开发人员路线图

Udemy

2018年12月至今

前端开发库

freeCodeCamp

2018年12月至今

JavaScript算法和数据结构

freeCodeCamp

2018年12月至今

响应式网页设计

freeCodeCamp

有效的合作

如何使用Toptal

在数小时内，而不是数周或数月，我们的网络将为您直接匹配全球行业专家.

Share your needs

在与Toptal领域专家的电话中讨论您的需求并细化您的范围.

Choose your talent

在24小时内获得专业匹配人才的简短列表，以进行审查，面试和选择.

开始你的无风险人才试验

与你选择的人才一起工作，试用最多两周. 只有当你决定雇佣他们时才付钱.

对顶尖人才的需求很大.

Start hiring