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

Francisco Antunes

Verified Expert  in Engineering

UI Developer

Manchester, United Kingdom

Toptal member since June 14, 2016

Bio

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

Skript
JavaScript, CSS, HTML, UI Development, Git, Responsive UI
Tribeca Printworks LLC
Front-end, React, Netlify, Stripe, TypeScript, Git, Responsive UI
Kepler Cheuvreux SA
UI Development, React, Next.js, Tailwind CSS, TypeScript, Git, Agile...

Experience

  • UI Development - 15 years
  • Front-end - 15 years
  • CSS3 - 12 years
  • JavaScript - 10 years
  • Responsive UI - 10 years
  • React - 4 years
  • Tailwind CSS - 3 years
  • Next.js - 3 years

Availability

Full-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 Full-stack Developer

2024 - 2024
Skript
  • Rebuilt a public-facing website and dashboard that's only available to clients based on a freshly designed user interface.
  • Used Next.js to enable server-side rendering to provide fast response and add authentication to gated pages such as the dashboard.
  • Created a fully responsive website to successfully deliver a great experience to users on all devices.
Technologies: JavaScript, CSS, HTML, UI Development, Git, Responsive UI

React eCommerce Developer

2024 - 2024
Tribeca Printworks LLC
  • Worked on an Astro application, a new version of an established application the client already had.
  • Finished the application and added new UI components (the client was also using Preact).
  • Worked on a Mantine app and created a few custom components using Tailwind.
Technologies: Front-end, React, Netlify, Stripe, TypeScript, Git, Responsive UI

UI Developer

2024 - 2024
Kepler Cheuvreux SA
  • Helped build an application using React with tested components and showcased it in Storybook for other teams to use.
  • Created services that use WebSockets, streaming large amounts of data to the client, which needs to be handled efficiently without lagging.
  • Helped migrate a dashboard application with the latest Next.js version to leverage server-side rendering for some pages.
Technologies: UI Development, React, Next.js, Tailwind CSS, TypeScript, Git, Agile, Responsive UI

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, Git, Responsive 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, Scrum, Git, Agile, Responsive 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, TypeScript, Git, Responsive 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 technologies such as web3, styled-components, React, and Ethers.js.
  • Helped launch a registration application as well as a portal for users to purchase NFTs.
Technologies: React, Web3.js, TypeScript, Git, Responsive UI

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, TypeScript, HTML, Git, Responsive 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, HTML, Git, Responsive 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, Scrum, HTML, Git, Agile, Responsive 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, Scrum, HTML, Git, Agile, Responsive 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, HTML, Git, Responsive 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.
  • Focused on preserving all user experience from past applications, including animation and transitions.
  • Rebuilt components using a Bootstrap type of approach to organize UI components so they can be re-used.
Technologies: HTML5, SCSS, JavaScript, HTML UI, HTML, Git, Responsive UI

Senior Front-end Developer

2016 - 2016
Consumer Affairs
  • Helped develop and migrate sections of the website to new UI designs.
  • Used the BEM approach to create a framework-like CSS so it could be re-used to add to new UI components.
  • Migrated main sections of the website used daily by thousands of users.
Technologies: JavaScript, HTML, Sass, CSS, HTML UI, Git, Responsive 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 as accessibility.
  • Improved the performance of the CSS on the TV box UI since the boxes had low-powered processors.
  • Worked with a team to build and improve the testing framework.
Technologies: CSS, jQuery, Gulp, HTML UI, Bootstrap, HTML, Responsive UI

Lead Front-end Developer

2014 - 2015
Accenture
  • Led a team of three front-end developers, one of whom 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 seamless for the test team.
Technologies: Grunt, JavaScript, CSS, HTML5, jQuery, HTML UI, Responsive UI

Senior Front-end Developer

2014 - 2014
AKQA
  • Developed the front end of a project for Vodafone that was integrated with a back end using a CQ framework.
  • Worked on multiple projects on various occasions, helping the team to deliver promo websites for clients.
  • Worked with a number of new technologies to deliver new promo websites quickly.
Technologies: Grunt, jQuery, JavaScript, HTML5, CSS, HTML UI, Bootstrap, HTML, Responsive 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, HTML, Responsive 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, HTML, Responsive 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, MySQL, Responsive 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, HTML, MySQL

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, HTML, MySQL

Experience

Skript Website

https://skript-website.vercel.app
I rebuilt a website based on new UI designs and updated a public-facing website as well as a dashboard used by paid clients. I also created a new authentication system to allow access to products and services available to users.

Adroit

https://adroitcc.io/
I rebuilt the website using Next.js and restructured the sections by updating content to make sections and pages more manageable to read. I also improved the website's loading time, SEO, and mobile version, as the previous one was not scaling correctly.

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/
I rebuilt 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.

Skills

Libraries/APIs

React, React Testing Library, jQuery, Node.js, Web3.js, Stripe

Tools

Gulp, Grunt, Pattern Lab, Git

Languages

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

Frameworks

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

Paradigms

Scrum, BEM, Agile

Platforms

Netlify

Storage

MySQL

Other

HTML UI, Front-end, Responsive UI, UI Development, Hooks, 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