Francisco Antunes, Developer in Manchester, United Kingdom
Francisco is available for hire
Hire Francisco

Francisco Antunes

Verified Expert  in Engineering

Software Developer

Location
Manchester, United Kingdom
Toptal Member Since
June 14, 2016

Francisco has more than a few years of experience working on projects ranging from single static pages, like marketing pages, to highly complex apps with many transactions per second. Those projects include Google projects, the Scottish police, and a freelance services company. Francisco is passionate about new technologies and is an early adopter of most of the latest approaches to modern front-end web development.

Portfolio

Wovn
Next.js, React, Tailwind CSS, TypeScript, HTML UI
Shell
React, Next.js, TypeScript, Styled-components, SCSS, HTML UI
Planetary
Next.js, React, Storybook, HTML UI

Experience

Availability

Part-time

Preferred Environment

React, JavaScript, CSS, Styled-components

The most amazing...

...experience I've had was creating solutions for all sorts of business requirements and helping junior developers with their learning.

Work Experience

Senior Front End Developer

2023 - 2023
Wovn
  • Helped build and maintain the web app (using Next.js) for artists and collectors to manage their NFT assets.
  • Improved and expanded services and overall performance of the app.
  • Built an award-winning app in collaboration with partners showcasing AI and other technologies.
Technologies: Next.js, React, Tailwind CSS, TypeScript, HTML UI

Senior Front-end Developer

2022 - 2023
Shell
  • Built and maintained the React components library used across multiple teams.
  • Create tests to assess functionality and accessibility.
  • Helped other teams implement the components, providing guidelines and documentation.
Technologies: React, Next.js, TypeScript, Styled-components, SCSS, HTML UI

Senior Front-end Developer

2022 - 2022
Planetary
  • Helped build a dashboard for one web3 client using Next.js.
  • Collaborated with other front-end developers and built new components and pages.
  • Created all components, which are also available in the storybook, so that other teams could use them.
Technologies: Next.js, React, Storybook, HTML UI

Senior Front-end Developer

2022 - 2022
Bright Moments
  • Created UI elements based on the Atomic Design approach using styled-components.
  • Developed an application for NFT exhibitions in cities around the world.
  • Worked with a range of technology such as web3, styled-components, React, and Ethers.js.
  • Helped launch registration application as well as a portal to user purchase NFTs.
Technologies: React, Web3.js, Ethers.js

Senior Front-end Developer (React)

2021 - 2022
Glisser
  • Worked as a front-end developer for the Glisser product team. They wanted to break down the presentation side of the application and create multiple UI elements to be used as an SDK by the clients in their application.
  • Developed and led this migration of the current application from Angular to React and made it modular for the clients to consume directly in their applications.
  • Created a monorepo, initially using Lerna, and then moved to npm workspaces to manage all packages.
  • Rebuilt all the UI components based on Atomic Design for the presentation part of the application, which is the most used using React, styled-components, and TypeScript.
  • Built a JavaScript layer to support both technologies through the transition from Angular to React.
Technologies: React, JavaScript, Cypress, HTML UI

Senior Front-end Developer

2021 - 2021
Zobrist Consulting Group
  • Collaborated with a team of developers to build and maintain the loyalty platform using React and Vue for various clients such as Vans and The North Face.
  • Updated CSS framework to handle new sections of the loyalty page.
  • Helped integrate an existing React application with Vue Storefront.
Technologies: React, TypeScript, HTML UI

Lead Front-end Developer

2020 - 2020
Cooperative Bank
  • Led a team of three front-end developers to rebuild the current account form using React and Redux, which is one of the key forms to bring clients to the bank as well as one with the highest traffic.
  • Focused the development on performance, test, accessibility, and mobile-first.
  • Worked thoroughly on the accessibility to match the highest standards.
  • Created all unit and integration tests using the Jest and React Testing Library.
  • Joined the team with the Redux data flow already designed but helped update it to improve performance and scalability.
  • Involved in meetings with DevOps, designers, back-end, and POs to build a strategy on how to manage expectations, achieve goals, and improve work.
Technologies: ECMAScript (ES6), HTML5, BEM, React Testing Library, Jest, Hooks, SCSS, React, HTML UI

Lead Front-end Developer

2018 - 2020
Accenture | University of Manchester
  • Wrote the documentation, guidelines, and lint for the team to follow.
  • Kickstarted the foundation for HTML, SCSS, and ES6 to be the main components using BEM-ish so that the UI components could be modified and extended by the team.
  • Communicated with designers and business analysts to make a consistent UI library so the project would have a maintainable and manageable components library legacy left to the university when the handover happens.
  • Mentored junior developers on best practices and facilitated problem-solving. The team consisted of three front-end developers (two juniors and one mid-level), and we all created and integrated the designed UI components with the back end.
  • Wrote code, guided, and supported other team members to collectively decide which technology to use and different approaches to take.
Technologies: BEM, HTML5, Pattern Lab, SCSS, ECMAScript (ES6), JavaScript, HTML UI

Senior Front-end Developer

2017 - 2018
Loggly
  • Rebuilt the company's main product UI based on new designs.
  • Collaborated with teams to successfully integrate new UI and improve user experience.
  • Worked closely with product managers and marketing to add metrics to analyze how users achieved their goals within the platform.
Technologies: HTML5, JavaScript, SCSS, HTML UI

Senior Front-end Developer

2017 - 2017
Befunky
  • Worked together with the team and built a new user interface to move away from the outdated Flash app.
Technologies: HTML5, SCSS, JavaScript, HTML UI

Senior Front-end Developer

2016 - 2016
Consumer Affairs (via Toptal)
  • Helped to develop and migrate sections of the website to new UI designs.
Technologies: JavaScript, HTML, Sass, CSS, HTML UI

Senior Front-end Developer

2015 - 2016
YouView
  • Created multiple themes for the TV box UI. Those themes were among the company partnerships as well accessibility.
  • Improved the performance of the CSS on the TV box UI since the boxes had low-powered processors.
Technologies: CSS, jQuery, Gulp, HTML UI

Lead Front-end Developer

2014 - 2015
A Global Management Consulting and Professional Services Firm
  • Led a team of three front-end developers where one was based in the UK and two in India to redesign the UI of an application for the Scottish Police.
  • Created a CSS framework to be used to revamp the UI.
  • Wrote documentation about the new framework with code samples and UI examples.
  • Created templates (as well as many snippets of code) to be integrated with a Java back-end.
  • Held many meetings with all the back-end developers to make the process seamlessly to the test team.
Technologies: Grunt, JavaScript, CSS, HTML5, jQuery, HTML UI

Senior Front-end Developer

2014 - 2014
AKQA
  • Developed the front end for a project for Vodafone that was integrated with a back end using a CQ framework.
Technologies: Grunt, jQuery, JavaScript, HTML5, CSS, HTML UI

Front-end Developer

2014 - 2014
Wunderman
  • Built a prototype for a client. The project was a banner that would load the data from a RESTful API. To create the project, I used mostly jQuery, CSS3, and HTML5.
Technologies: HTML5, CSS3, jQuery, HTML UI

Senior Front-end Developer

2014 - 2014
Sainsbury
  • Worked with other front-end developers to create a new product for the company.
  • Juggled working with almost five front-end developers within the same team—we had to split the work between us and create a module based on CSS.
Technologies: CSS, JavaScript, HTML UI

Senior Front-end Developer

2013 - 2014
Syzygy
  • Created HTML templates based on a design that was to be integrated with a .NET application.
Technologies: jQuery, HTML, JavaScript, CSS, HTML UI

Full-stack Developer

2012 - 2012
ICC Lowe
  • Developed a Twitter map application using Node.js.
  • Created multiple marketing websites for clients.
Technologies: HTML5, CSS, jQuery, Node.js, HTML UI

Senior Front-end Developer

2011 - 2012
Potato
  • Worked on many marketing projects for YouTube.
  • Created templates for Google Small Business campaigns in more than 30 countries.
Technologies: jQuery, JavaScript, HTML5, CSS, HTML UI

Loggly Dashboard

https://www.loggly.com/product/log-monitoring/
I helped Loggly rebuild the log management dashboard, which is their main product, which handles large amounts of data and translates it into charts and reports to the end-user.
The rebuild was based on a new freshly designed UI using Angular, SCSS, and HTML.

BeFunky Photo Editor

https://www.befunky.com/create/
Rebuild the whole user interface from the ground up using CSS (with loads of animations), JavaScript, and HTML5.
The new UI replaced an old flash-based application with loads of new features and enhancements to users.

Tweet Split

https://github.com/fantunes/tweet-split-vuejs
Based on a few inspirational projects, I created this to play with Vue.js. It splits a long text into tweets (of 140 characters). It does not publish on Twitter, nor does it split based on spaces yet.

Libraries/APIs

React, React Testing Library, jQuery, Node.js, Vue, Shopify API, Mustache, Web3.js

Tools

Gulp, Grunt, Sublime Text, Pattern Lab, Git, Fireworks, Adobe Fireworks

Frameworks

Bootstrap, Jest, AngularJS, Cypress, Next.js, Tailwind CSS

Languages

ECMAScript (ES6), CSS3, Sass, HTML5, JavaScript, CSS, HTML, Less, TypeScript 3, SCSS, Pug, TypeScript

Storage

MySQLi, MySQL

Paradigms

Scrum, BEM, Agile

Platforms

MacOS, WordPress, Visual Studio Code (VS Code)

Other

HTML UI, Front-end, Responsive UI, Responsive Web Apps, Hooks, Ethers.js, Styled-components, Storybook

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