Leandro Vieira
Verified Expert in Engineering
Front-end Developer
Leandro is a front-end engineer with more than 15 years of experience, focusing on developing rich interfaces and seamless user experiences. He is a perfectionist regarding design and enjoys working closely with product, 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
Experience
Availability
Preferred Environment
React, Sass, Visual Studio Code (VS Code), Windows, Google Drive, Agile, Git, Webpack, Babel, Front-end, APIs
The most amazing...
...product I’ve designed and developed is a front-end app to manage operations in one of the top US based electrical companies, with more than 6,000 employees.
Work Experience
Senior Front-end Engineer
VirtualMind
- Led the definition of a new standard for the front-end technologies and tools to be used in the organization.
- Designed the new SaaS platform's front-end architecture and the tech stack to be used.
- Tasked with training the front-end teams in the organization in accessibility markup and Accessible Rich Internet Applications (ARIA) standard implementation after a successful experience applying it myself.
- Collaborated in technical interviews to choose new senior front-end candidates to grow the team, and was tasked to train them.
- Surpassed the expectations on every sprint, regarding the amount of work completed and its quality.
- Contributed ideas and advice during the design phase, foreseen implementation and usability issues, and possible improvements with the user experience.
Senior Front-end Engineer
An Online Freelance Agency
- Defined the layout, visual design, and front-end architecture, including the technologies and patterns to be used, for a front-end app to manage operations in one of the top US-based electrical companies, 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.
- Created a browser extension to extract insights about prospective clients and competitors' websites, with several valuable metrics and highlights, within the digital marketing industry.
- Conceived and created an interface that integrates seamlessly with the company's workflow to display, filter, and search past and feature projects to measure and take advantage of their work history.
- Designed and developed a React blog post generator that creates a combination of HTML, CSS, and JavaScript through a simple UI that doesn't require the user to know to code and saves coders time with repetitive tasks.
- Conducted interviews to grow two different front-end teams.
Senior Front-end Developer & Lead/Lead UX Designer
Esquemas
- Developed and maintained the front end of dozens of websites and web apps, from small to large.
- 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.
- Advised and defined front-end standards and practices within the company through several stages of radical technological change over the years. Managed to improve code and component’s modularity, scalability, and efficiency.
- Helped dozens of clients define their business goals, digital communication, and brand strategies.
- Worked as a backup back-end developer with technologies and tools outside my specialties, like PHP, MySQL, Python, Google Ads, Facebook Ads, Microsoft Power BI, Microsoft SQL Server, and others.
- Designed hundreds of websites, applications, animations, and other pieces, including wireframes. Finished designs, for clients in media, telecommunications, retail, health, education, government, and real estate, among others.
Web Developer
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).
- Advised clients and colleagues in the definitions of digital strategy for each project.
- Developed CMS EXEC, Drupal, WordPress, and Joomla, and static landing pages with HTML, CSS, and JavaScript, including for the agency's pages.
- Designed many highly aesthetic and animated websites for small local businesses.
- Configured and managed the servers for the client's websites.
Experience
React SaaS platform
It consists of a responsive and animated UI that displays and manages four entities (organization, client, application, and dashboard). It allows editing, filtering, sorting, bookmarking, cloning, and loading of external applications to further display and manage instances of those entities.
The front-end was done by two front-end engineers in close communication with the back end, product, design, and QA teams.
I designed the architecture and developed the UI, engaged through the project's lifecycle.
Scrolly - Telling and Interactive Data Visualizations
http://www.returntolearntracker.net/Internal Operations Managment Platform
It manages hundreds of thousands of operations with a complex structure of clients, 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/It's beneficial to generate small or medium curated data sets from simple names, words, and wiki IDs.
Data about places associated with the selected items is loaded independently, with geographical coordinates, on maps.
GeoMap Maker
http://geomapmaker.com/Pattern Extractor
http://www.alotropico.com/projects/pattern-extractor/The result can be sorted and customized before being copied to a clipboard.
Gaze of Time
Each item can be used as the reference point of a visualization displaying other related items, with taxonomies automatically deducted from the available data.
Skills
Languages
JavaScript, Sass, HTML, CSS3, ECMAScript (ES6), HTML5, CSS, TypeScript, Pug, Regex, GraphQL, PHP
Libraries/APIs
React, D3.js, React Router, jQuery, LocalStorage, Wikipedia API, JSON API, React Redux, Three.js, Playwright, Mustache, Node.js
Tools
JSX, Basecamp, Slack, Git, Lucidchart, Axure RP Pro, Webpack, Babel, Jira, Adobe Flash, GitLab, GitHub, Mailchimp, DataViz, Figma, Photoshop CC, Jekyll, Stencil.js, Microsoft Teams, Adobe Animate, Illustrator CC, Apache
Paradigms
Functional Programming, Responsive Layout, REST, Web UX Design, Agile, Scrum, BEM, UI Design, DevOps
Platforms
Drupal, Visual Studio Code (VS Code), WordPress, BigCommerce, Firebase
Storage
JSON, MySQL
Other
Front-end Architecture, Front-end Development, Front-end Design, Front-end, User Interface (UI), Responsive UI, Drupal Themes, Storybook, CSS3 Animation, Zustand, Prettier, ESLint, TopoJSON, Google Drive, Communication, Mantine, 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, React Query, CSS Modules, Scroll Animations
Frameworks
Redux, Jest, Bootstrap, Material UI, Tailwind CSS, Next.js
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring