
Tiago Duarte
Verified Expert in Engineering
Front-end Developer
Lisbon, Portugal
Toptal member since March 27, 2020
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
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
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
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.
Experience
Web App for GivePanel
https://givepanel.com/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/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/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/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
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