Thomas Britnell, Developer in Bristol, United Kingdom
Thomas is available for hire
Hire Thomas

Thomas Britnell

Verified Expert  in Engineering

Front-end Developer

Bristol, United Kingdom

Toptal member since August 29, 2022

Expertise
Front-endJavaScriptCSSReact.jsTailwind CSSNext.jsEmbedded Systems EngineeringWeb DevelopmentFull-stackPWANode.jsRedux
Bio

Thomas is a React front-end developer that loves making web apps, clean UI, and creating unique interactions and experiences with web technologies. With four years of experience as a creative technologist working at design agencies and an EV startup, he has experience collaborating with UI/UX designers to design, develop, and implement projects.

Portfolio

Unternehmensberatung H & D
JavaScript, Vue 3, Tailwind CSS, MongoDB, Keycloak, SCSS, PrimeVue, Vite...
Flyp
Next.js, Tailwind CSS, fp-ts, elm-ts, REST, REST APIs, JSON, Node.js...
ON
React, Next.js, Storyblok, Front-end, Figma, Anime.js, CSS, HTML...

Experience

  • Front-end - 5 years
  • Node.js - 5 years
  • CSS - 4 years
  • User Experience (UX) - 4 years
  • Product Development - 4 years
  • User Interface (UI) - 4 years
  • React - 3 years
  • Next.js - 1 year

Availability

Part-time

Preferred Environment

React, Next.js, CSS, Tailwind CSS, Redux, Node.js, SVG, Canvas 2D, User Experience (UX), User Interface (UI)

The most amazing...

...project I've built is a Pomodoro timer with notifications. A progressive web app for state management and Tailwind CSS styling using React and Redux.

Work Experience

Senior Front-end Developer

2024 - PRESENT
Unternehmensberatung H & D
  • Digitized the German government's public services for nationwide utilization by municipalities.
  • Created a public app allowing citizens to register for government services efficiently and securely.
  • Developed a full-stack dashboard enabling government clerks to access, manage, and process requests.
Technologies: JavaScript, Vue 3, Tailwind CSS, MongoDB, Keycloak, SCSS, PrimeVue, Vite, GraphQL

Growth Engineer

2022 - 2024
Flyp
  • Designed, implemented, and maintained new landing pages and interactive sales tools to visually and engagingly explain and promote products, driving growth, leads, and conversions.
  • Designed and developed an internal dashboard for clients to oversee their housing sales process, featuring a calendar for appointment scheduling, agent communication, offer reception, and more.
  • Integrated our website data and search tools with 3rd-party partner websites using scripts and web components.
Technologies: Next.js, Tailwind CSS, fp-ts, elm-ts, REST, REST APIs, JSON, Node.js, Google Maps, Web Components, CSS, SCSS, Tailwind UI, CSS Animations, Lottie, PostgreSQL, Headless CMS, GraphQL, Express.js

Developer

2021 - 2022
ON
  • Utilized modern tech stacks such as React, Next.js, Storyblok, Netlify, and TypeScript.
  • Collaborated in large, multi-disciplinary teams spanning design, QA, SEO, and project management.
  • Constructed accessible web front ends optimized for performance and compatible across various browsers.
Technologies: React, Next.js, Storyblok, Front-end, Figma, Anime.js, CSS, HTML, Responsive Web Design (RWD), SCSS, TypeScript, Web API, REST APIs, REST, APIs, Tailwind CSS, CSS Animations, GSAP, Headless CMS, Serverless, Vercel, Netlify

Creative Technologist and Front-end Developer

2021 - 2021
Makery
  • Developed a home-office kit tailored for remote workers. Managed product development, concept design, prototyping, proof of concept (POC), sensors, IoT, embedded Linux, web app, single-page app, and React.
  • Completed a web special. Developed a unique pop-up for the homepage to capture interest and inspiration from clients and visitors.
  • Orchestrated an interactive campaign where users engaged with a mug recognition model by holding a mug in front of their webcam. This prompted the ML object recognition system to effectively identify and count the mugs.
  • Managed electronics PCB designs, manufacturing, population, and an RF module.
Technologies: React, Front-end, Design, User Interface (UI), User Experience (UX), Product Development, JavaScript, CSS, HTML, Responsive Web Design (RWD), Node.js, Pug, Machine Vision, Express.js, Single-page Applications (SPAs)

Creative Technologist

2020 - 2020
designaffairs
  • Created an interactive prototype serving as a demonstrator for cutting-edge shopping solutions. Designed an autonomous robot controlled through a tablet interface using Bluetooth technology.
  • Headed technology and innovation research, presentations, and POCs.
  • Spearheaded user research for a client's project by investigating problems in a research plant.
  • Researched an interactive large-scale LED wall, a mobile electronic device, and medical electronics.
  • Managed and controlled an interactive technology lab space.
Technologies: Web Development, Front-end, Design, User Interface (UI), User Experience (UX), User Research, Design Research, Concept Development, Technology Trends, Innovation, Node.js, Embedded Linux, JavaScript, CSS, HTML, Responsive Web Design (RWD), React, Web API, Bluetooth

Creative Technologist

2017 - 2019
NIO
  • Managed the UI/UX and HMI car team in developing next-generation car interfaces, interactions, and technologies.
  • Developed fully interactive high-end prototypes for upper management design reviews for HMI car development. Started with rapid prototyping to interactive mockups.
  • Headed electronics and technology research projects on human-computer interaction (HCI) and sensor technologies. Managed supplier and 3rd-party relations.
  • Conducted thorough project research encompassing market analysis, consumer behavior, emerging trends in mobile and medical electronics, and consumer products to inform strategic decision-making and innovation.
Technologies: Node.js, User Interface (UI), User Experience (UX), Research, Design, Technology, UI Prototyping, Rapid Prototyping, Innovation, 3D Cameras, Proof of Concept (POC), JavaScript, CSS, HTML, Socket.IO, Gesture Recognition, Haptic Feedback

Field Application Engineer

2015 - 2017
Future Electronics
  • Acted as a customer-facing technical sales representative and application engineer.
  • Managed relationships with electronics manufacturers (suppliers).
  • Coordinated projects for internal and external sales departments.
Technologies: Embedded Systems, Distribution, Electronic Components, Digital Electronics, Sales, Tech Sales

Experience

Flyp.co | Estate Agents' Search Tool

https://www.flyp.co/estate-agents-near-you
I collaborated with the head of marketing to design and develop an interactive, data-driven sales tool. Focusing on engaging UI/UX design, we crafted an interactive experience to showcase the company's value proposition. The tool guides consumers in finding the top estate agent through our innovative "multi-agent" approach.

Digital Rebellion Website

https://digitalrebellion.uk/
Implemented a cutting-edge, high-performance tech stack aligned with the organization's commitment to low environmental impact. I integrated a modern headless CMS, empowering all team members to edit and create sites, content, and campaigns. I ensured semantic and accessible design principles throughout the project.

MadeByOn.com | Colophon Foundry

https://www.colophon-foundry.org/
Developed the new colophon site, which involved a sizable team of 4-6 developers, designers, and QA specialists. The site, fully configurable through a headless CMS, boasts an array of advanced components enabling clients to tailor and craft diverse layouts effortlessly. Emphasis was placed on creating a component set that was highly customizable yet sleek and uncomplicated. The technology stack included React, Next.js, Storyblok headless CMS, components encapsulation and abstractions, CSS modules, Sass, and CSS variables for theming, as well as an option for managing tasks through Jira and Git.

Education

2008 - 2013

Master's Degree in Electrical Engineering

University of Southampton - Southampton, UK

Certifications

MARCH 2017 - PRESENT

CPD Certificate | Engineering in an International Development Context

Engineers Without Borders

Skills

Libraries/APIs

React, Node.js, Anime.js, PostgREST, fp-ts, Vue 3, PrimeVue, Socket.IO, Web API, Preact, Google Maps, REST APIs, GSAP

Tools

Canvas 2D, Prisma, Figma, Keycloak, Astro

Paradigms

Responsive Web Design (RWD), Rapid Prototyping, E2E Testing, REST

Languages

CSS, JavaScript, HTML, SCSS, Embedded C, TypeScript 3, TypeScript, Pug, GraphQL

Frameworks

Next.js, Tailwind CSS, Redux, Alpine.js, Cypress, Express.js

Platforms

Embedded Linux, Storyblok, Contentful, Vercel, Netlify

Storage

MySQL, DB, MongoDB, Redis, PostgreSQL, JSON

Other

Front-end, User Experience (UX), User Interface (UI), Product Development, SVG, International Development & Economics, Design, Web Development, User Research, Design Research, Concept Development, Technology Trends, Innovation, Embedded Systems, Research, Technology, UI Prototyping, 3D Cameras, Distribution, Electronic Components, Digital Electronics, Sales, Tech Sales, Full-stack, PWA, Progressive Web Applications (PWAs), Proof of Concept (POC), elm-ts, Vite, Machine Vision, Gesture Recognition, Haptic Feedback, Bluetooth, CSS Animations, Pixel Perfect, Headless CMS, Analytics, Caching, Web Components, Tailwind UI, Lottie, APIs, Serverless, Single-page Applications (SPAs)

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