Tiago Duarte, Developer in Lisbon, Portugal
Tiago is available for hire
Hire Tiago

Tiago Duarte

Verified Expert  in Engineering

Front-end Developer

Lisbon, Portugal

Toptal member since March 27, 2020

Bio

Having spent the past several years making a living as a front-end developer, Tiago has the hands-on experience and the skills to build modular and pixel-perfect UIs in record time, either from scratch or within an existing codebase. He's passionate about bringing UIs to life with excellent user experiences (UX), beautiful and clean code, and fantastic designs.

Portfolio

Freelance
Figma, Git, Webpack, Next.js, Styled-components, MobX, Redux, PostCSS, React...

Experience

  • JavaScript - 8 years
  • CSS - 8 years
  • HTML - 8 years
  • SCSS - 7 years
  • Bootstrap - 7 years
  • React - 4 years
  • Figma - 3 years
  • Next.js - 2 years

Availability

Part-time

Preferred Environment

Git, Terminal, Sketch, Figma, Slack, Visual Studio Code (VS Code), MacOS

The most amazing...

...thing I've built is a web dashboard for Coca-Cola® Portugal that managed all the entries of a nation-wide ad campaign. I also led the development and design.

Work Experience

Front-end Developer

2011 - PRESENT
Freelance
  • Led the front-end development for the majority of the projects I have worked on in the last three years, including projects with multiple developers.
  • Worked closely with designers while building UIs to discuss the next steps, user interactions/animations, and to build style guides and design systems.
  • Collaborated with small engineering teams (fewer than ten developers) including front-end and back-end developers to build and scale UIs and to discuss API development and integration.
  • Worked remotely for over eight years, primarily with clients based in the US and the UK, and frequently used remote tools such as Slack.
Technologies: Figma, Git, Webpack, Next.js, Styled-components, MobX, Redux, PostCSS, React, JavaScript, CSS, HTML

Experience

Web App for GivePanel

https://givepanel.com/
GivePanel is a React-based SaaS dashboard that helps charities to raise money via Facebook and to better understand their fundraisers and fundraising efforts.
I joined the project only a few months after development had started and things were moving very fast. Because of that, the codebase wasn't in a very good shape overall. There were quite a few key pages that took over ten seconds to load, there was a lot of jQuery code that could've been written in vanilla JavaScript (and made use of React's capabilities), and the overall structure was poorly organized.
Tasks Accomplished:
• Designed and implemented major new features that had been in the backlog for a while.
• Migrated old jQuery code to vanilla JS and React to remove the dependency on jQuery.
• Refactored poorly structured code into a more modular structure, allowing the team to move faster when building new features.
• Reduced page load times by more than 40% after refactoring and optimizing the codebase.
• Improved the design and UX of key areas of the app.

Web App for Price Digests

https://app.pricedigests.com/
Price Digests provides a React-based web application that offers comprehensive vehicle valuation data, serving large enterprise clients such as insurance agencies, car dealers and the US government.
The previous version of the application was outdated, both visually and technically, and my goal was to, along with another developer and designer, re-design and rebuild the app from scratch with the goal of establishing a solid, future-proof codebase.
Tasks Accomplished:
• Led the front-end implementation of a complete redesign from scratch.
• Worked with another developer to rebuild the outdated app using a more modern and performant set of tools and frameworks (React, MobX).
• Built a modular and reusable set of UI components on top of the Foundation framework to allow the rapid development of new functionalities while making sure the design is consistent.
• Implemented major features such as user authentication and vehicle valuation pages in collaboration with the back-end API development team.

Web App for Edacy

https://www.edacy.com/
Edacy provides an online learning platform for millions of young people in Africa to learn programming, design, and other highly in-demand skills and then connects students with top tech companies.
Tasks Accomplished:
• Worked closely with a team of back-end developers and designers to build the front end of the MVP and subsequent versions of the app.
• Built a suite of reusable UI components and a style guide to speed the development of new pages and to ensure design consistency across the board.
• Remained as a technical advisor and helped the team with new hires, technical decisions, and in building the curriculum for the front-end development course.

Web App UI for KITEWIRE Mobility

https://www.kitewire.com/
KITEWIRE Mobility provides a mobile-device-management solution for companies that can't afford to take risks when it comes to security. Their clients include the FBI, Red Bull, the US Army, among others.
Tasks Accomplished:
• Developed the entire dashboard as a static UI with modular SCSS components to allow the client to build new features easily in the future.

Skills

Libraries/APIs

React, jQuery, Stripe API, MobX

Tools

Git, Figma, Sketch, Adobe Photoshop, Slack, Terminal, PostCSS, Webpack

Languages

CSS, HTML, SCSS, JavaScript, PHP

Frameworks

Bootstrap, Foundation CSS, ZURB Foundation, Redux, Laravel, Next.js

Paradigms

OOCSS, SMACSS

Platforms

MacOS, Visual Studio Code (VS Code)

Storage

MySQL

Industry Expertise

Web Design

Other

Styled-components, Gatsby

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
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