Leandro Vieira, Developer in Montevideo, Montevideo Department, Uruguay
Leandro is available for hire
Hire Leandro

Leandro Vieira

Verified Expert  in Engineering

Front-end Developer

Location
Montevideo, Montevideo Department, Uruguay
Toptal Member Since
May 12, 2022

Leandro is a front-end engineer with more than 15 years of experience, focusing on developing rich interfaces and seamless user experiences. 他在设计方面是一个完美主义者,喜欢与产品密切合作, design, and back-end teams. Leandro has been exploring the React ecosystem for the last four years, evolving along with the core front-end tools.

Portfolio

VirtualMind
React, JavaScript, Front-end, CSS3, Agile, REST, Jira, Jest, Storybook...
An Online Freelance Agency
React,前端,TypeScript, React Router, React Query, Microsoft Teams, REST...
Esquemas
前端,通信,JavaScript, jQuery, Sass, CSS3, Drupal, BigCommerce...

Experience

Availability

Part-time

Preferred Environment

React, Sass, Visual Studio Code (VS Code), Windows, Google Drive, Agile, Git, Webpack, Babel, Front-end, APIs

The most amazing...

...我设计和开发的产品是一个前端应用程序,用于管理美国顶级电气公司之一的运营, with more than 6,000 employees.

Work Experience

Senior Front-end Engineer

2021 - PRESENT
VirtualMind
  • 领导定义了组织中使用的前端技术和工具的新标准.
  • 设计新SaaS平台的前端架构和使用的技术栈.
  • 在我自己成功地应用了可访问性标记和可访问的富Internet应用程序(ARIA)标准实现之后,负责培训组织中的前端团队.
  • 协助进行技术面试,选择新的高级前端候选人来发展团队, and was tasked to train them.
  • 在每一次冲刺中,完成的工作量和质量都超出了预期.
  • Contributed ideas and advice during the design phase, foreseen implementation and usability issues, and possible improvements with the user experience.
Technologies: React, JavaScript, Front-end, CSS3, Agile, REST, Jira, Jest, Storybook, Playwright, Sass, JSX, Accessible Rich Internet Applications (ARIA), Responsive UI, Figma, React Query, React Router, User Experience (UX), CSS, HTML, Git, Responsive Layout, APIs, Next.js

Senior Front-end Engineer

2021 - 2021
An Online Freelance Agency
  • Defined the layout, visual design, and front-end architecture, including the technologies and patterns to be used, 一个前端应用程序来管理一家美国顶级电力公司的运营, with more than 6,000 employees.
  • Developed maps, calculators, SVG animations, rich interactions, and other small apps for Siege Media, a cutting-edge digital content agency based in California.
  • 创建了一个浏览器扩展,以提取有关潜在客户和竞争对手的网站的见解, with several valuable metrics and highlights, within the digital marketing industry.
  • 构思并创建了一个界面,与公司的工作流程无缝集成, filter, 搜索过去和特色项目来衡量和利用他们的工作经历.
  • 设计并开发了一个React博客帖子生成器,它可以创建HTML的组合, CSS, 和JavaScript通过一个简单的用户界面,不需要用户知道如何编码,节省了程序员的时间重复的任务.
  • Conducted interviews to grow two different front-end teams.
Technologies: React,前端,TypeScript, React Router, React Query, Microsoft Teams, REST, JavaScript, CSS3, Jest, Sass, Pug, Webpack, Babel, User Experience (UX), UI Design, Web UI, Data Visualization, CSS, D3.js, HTML, Git, React Redux, Firebase, Responsive Layout, APIs

Senior Front-end Developer & Lead/Lead UX Designer

2009 - 2020
Esquemas
  • 开发和维护了几十个网站和web应用程序的前端,从小到大.
  • Trained front-end recruits and provided direction, supervision, and motivation for the three to five people on the front-end team, as well as outsourced personnel.
  • 多年来,通过几个阶段的激进技术变革,为公司内部的前端标准和实践提供建议和定义. 设法改进代码和组件的模块化、可伸缩性和效率.
  • 帮助数十个客户确定他们的商业目标、数字通信和品牌战略.
  • 作为后备后端开发人员,使用专业以外的技术和工具, like PHP, MySQL, Python, Google Ads, Facebook Ads, Microsoft Power BI, Microsoft SQL Server, and others.
  • 设计过数百个网站、应用程序、动画和其他作品,包括线框图. Finished designs, for clients in media, telecommunications, retail, health, education, government, and real estate, among others.
技术:前端,通信,JavaScript, jQuery, Sass, CSS3, Drupal, BigCommerce, D3.js, GraphQL, MySQL, PHP, Photoshop CC, Axure RP Pro, Illustrator CC, User Experience (UX), UI Design, Web UI, Data Visualization, CSS, React, HTML, Git, DataViz, Responsive Layout, Tailwind CSS, APIs

Web Developer

2010 - 2014
Grande Gandhi
  • Led the development and web design within the agency, with strategies encompassing websites, mobile apps, email marketing, social network marketing, internet advertising, and the internet of things (IoT).
  • 为每个项目的客户和同事提供数字战略定义方面的建议.
  • Developed CMS EXEC, Drupal, WordPress, and Joomla, and static landing pages with HTML, CSS, and JavaScript, including for the agency's pages.
  • 为当地小企业设计了许多高度美学和动画的网站.
  • Configured and managed the servers for the client's websites.
Technologies: JavaScript, jQuery, Sass, Drupal, WordPress, PHP, MySQL, DevOps, HTML5, Photoshop CC, Illustrator CC, Adobe Animate, Apache, User Experience (UX), UI Design, Web UI, CSS, HTML, D3.js, DataViz, Responsive Layout, Front-end

React SaaS platform

开发了一个应用程序,用于定义B2C软件与数千万用户之间的通信流,并分析来自这些交互的数据.

它由一个响应式动画UI组成,该UI显示和管理四个实体(组织), client, application, and dashboard). It allows editing, filtering, sorting, bookmarking, cloning, 并加载外部应用程序以进一步显示和管理这些实体的实例.

前端由两名前端工程师与后端密切沟通完成, product, design, and QA teams.

我设计了架构,开发了UI,贯穿了整个项目的生命周期.

Scrolly - Telling and Interactive Data Visualizations

http://www.returntolearntracker.net/
Two React-based interactive articles, adapting academic papers from the American Enterprise Institute. 我提出了一个基于原始材料的设计,并开发了对用户滚动页面和其他交互敏感的可视化. 它们包含一些动画图表和地图,与可供阅读的文本交替使用.

Internal Operations Managment Platform

曾在美国一家顶级电气公司使用应用程序管理运营, with more than 6,000 employees.

它管理着成千上万的业务,客户结构复杂, users, projects, packages, orders, reports, and other entities with different degrees of interrelation.

The platform allows different modes to visualize the entities, such as tables and cards, in a fully responsive design where fields can be edited on the spot.

The client application is connected to a back end written in .NET through REST APIs.

I designed the front-end architecture, built the UI, and wrote the tests.

Wikidata & Wikimedia JSON Generator

http://www.alotropico.com/projects/wiki-importer/
Created a method for importing data from Wikimedia, Wikipedia, and Wikidata and exporting it as JSON files.

从简单的名称、单词和wiki id生成小型或中型策划数据集是有益的.

Data about places associated with the selected items is loaded independently, with geographical coordinates, on maps.

GeoMap Maker

http://geomapmaker.com/
Developed an online custom world-map maker with 87 projections to choose from, various datasets, and custom options. 它允许选择一个数据集,切换图层的可见性,并改变颜色. The result can be exported as an SVG or PNG image.

Pattern Extractor

http://www.alotropico.com/projects/pattern-extractor/
建立了一个web应用程序作为个人项目,我可以从文本中提取片段, such as emails, phone numbers, URLs, words, and custom expressions.

The result can be sorted and customized before being copied to a clipboard.

Gaze of Time

创建了一种方法,以可视化和时间顺序的方式将维基百科和维基数据中的数十万个实体可视化.

每个项目都可以作为可视化显示其他相关项目的参考点, with taxonomies automatically deducted from the available data.

Libraries/APIs

React, D3.. js、React Router、jQuery、LocalStorage、Wikipedia API、JSON API、Mantine、React Redux、Three.js, Playwright, Mustache, Node.js, React Query

Tools

JSX, Basecamp, Slack, Git, Lucidchart, Axure RP Pro, Prettier, Webpack, Babel, Jira, Adobe Flash, GitLab, GitHub, Mailchimp, DataViz, Figma, Photoshop CC, Jekyll, Stencil.js, Microsoft Teams, Adobe Animate, Illustrator CC, Apache

Languages

JavaScript, Sass, HTML, CSS3, ECMAScript (ES6), HTML5, CSS, TypeScript, Pug, Regex, GraphQL, PHP

Paradigms

函数式编程,响应式布局,REST, Web UX设计,敏捷,Scrum, BEM, UI设计,DevOps

Platforms

Drupal, Visual Studio Code (VS Code), WordPress, BigCommerce, Firebase

Storage

JSON, MySQL

Frameworks

Redux, Jest, Bootstrap, Material UI, Tailwind CSS, Next.js

Other

Front-end Architecture, Front-end Development, Front-end Design, Front-end, User Interface (UI), Responsive UI, Drupal Themes, Storybook, CSS3 Animation, Zustand, ESLint, TopoJSON, Google Drive, Communication, Accessible Rich Internet Applications (ARIA), Data Visualization, Animation, User Experience (UX), Web UI, APIs, QGIS, SVG Animation, Writing & Editing, BigCommerce Stencil Design, Chrome Extensions, Firefox Extensions, Edge Extensions, Scraping, CSS Modules, Scroll Animations

Collaboration That Works

How to Work with Toptal

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

1

Share your needs

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

Choose your talent

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

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring