Hi, I'm
Valerio Mattera
,
a Senior Frontend engineer

Know more

About me

I'm an experienced engineer with a focus on Frontend development. My areas of expertise include TypeScript, React, React Native, and frameworks like Next.js and Remix. Additionally, I have experience in Backend development, primarily with Node.js.

When I'm not working or studying, I enjoy a range of activities. I'm an avid video game enthusiast, a regular at the gym, I read books, comics and manga and I'm a keen follower of TV series and sports, with a special interest in Formula 1.

If you're interested in collaborating or simply wish to have a chat about whether Lewis Hamilton is the GOAT or not, feel free to contact me at info@valeriomattera.com.

Valerio Mattera

Industry Experience

Heating Industry

As Senior Front End Engineer, I re-engineer and modernised the Worcester Bosch Professional mobile app introducing modern technologies and best practices, reducing errors by 80%.

Experience in role:

  • TypeScript
  • React
  • React Native
  • Redux Toolkit
  • RTK Query

Heating Industry

As Senior Front End Engineer, I successfully overhauled the legacy React codebase for Worcester Bosch FastTrack, resulting in a remarkable 98% increase in conversion rates, elevated completed orders, and a revenue boost of £600,000.

Experience in role:

  • React
  • Redux
  • Storybook
  • React Router
  • PHP

International business and world affairs information

As Full Stack Engineer, I developed new Microsoft Teams and Slack applications for one of the world's preeminent journals to allow users to save and share articles within their workspace.

Experience in role:

  • Node.js
  • Express.js
  • TypeScript
  • Prisma
  • MySQL
  • React
  • Jest
  • React Testing Library

E-Commerce and retail

As Front End Engineer, I led the delivery of the first direct-to-consumer e-commerce platform for Glenmorangie, generating over 100k during the first three months.

Experience in role:

  • React
  • Shopify
  • Shogun Frontend CMS
  • Storybook
  • Chakra UI
  • Next.js
  • Google Analytics

Technical Skills

Core

  • TypeScript
  • JavaScript
  • HTML
  • CSS
  • PHP

Backend

  • Node.js
  • Express
  • tRPC
  • Prisma
  • MySQL
  • MongoDB
  • REST API
  • WordPress

Frontend

  • React
  • Next.js
  • React Native
  • Redux
  • Redux Toolkit
  • RTK Query
  • Tanstack Query (React Query)
  • Tailwind CSS
  • Chakra UI
  • Styled Components
  • Emotion
  • Remix
  • Framer Motion
  • Gatsby

Miscellaneous

  • Source Control (Git)
  • Jest
  • ESLint
  • Husky
  • Zod
  • OpenAI
  • React Testing Library
  • Figma
  • Mixpanel
  • Docker
  • Cypress
  • NextAuth.js
  • OAuth

Projects

V-Player 1

  • Next.js Frontend (Pages router)
  • Typescript - Type generation with GraphQL Code Generator
  • GraphQL
  • Headless Wordpress Theme with ACF
  • Dynamic Layouts with Gutenberg
  • React Styled Components
V-Player 1

Portfolio site

  • Next.js
  • Tailwind CSS
  • TypeScript
Portfolio site

Quizzy (wip)

  • PWA
  • Tanstack Router
  • Tailwind CSS
Quizzy (wip)

Jes and Joe

  • Next.js Front end
  • Builder.io CMS
  • Tailwind CSS
Jes and Joe

Martina's Books

  • Gatbsy.js
  • Contentful CMS
  • GraphQL
Martina's Books

Shoot 'em Up

  • HTML5 Canvas
  • Vanilla JavaScript
  • Webpack
Shoot 'em Up