Matteo Carpi, Developer in Rome, Metropolitan City of Rome, Italy
Matteo is available for hire
Hire Matteo

Matteo Carpi

Verified Expert  in Engineering

Front-end Developer

Location
Rome, Metropolitan City of Rome, Italy
Toptal Member Since
November 3, 2021

Matteo is a front-end developer with several years of experience building apps used by hundreds of users and engaging with a vast variety of clients, ranging from small artists to big corporations. Whenever Matteo designs and builds a web page bespoke to a client, he enjoys taking on the challenge of solving the unique problems he encounters. Matteo places himself in the user's shoes as he constructs efficient user-friendly interfaces and software that solves problems.

Portfolio

YoopKnows
JavaScript, React, GraphQL, Firebase, Zeplin, WebSockets, REST, HTML5, Ajax...
Circular, LLC
React, TypeScript, HTML, CSS, JavaScript, Konva, Scalable Application, Startups...
TrueFoundry
React, TypeScript, Redux, Redux Toolkit, GitHub, Figma, Material UI...

Experience

Availability

Part-time

Preferred Environment

Git, Jira, Trello, React, GraphQL, Docker, Adobe Experience Design (XD), Figma, JavaScript, Amazon Web Services (AWS)

The most amazing...

...thing I've developed is an internal tool for Philip Morris Italia. Every day It connects hundreds of users from five different company teams.

Work Experience

Full-stack Developer

2020 - PRESENT
YoopKnows
  • Refactored the project management app to offer it as a SaaS.
  • Updated the code to contemporary standards by refactoring the legacy React code, resulting in more reliable and maintainable code.
  • Maintained the React and Node.js application for over three years, upholding its security standards and performance.
  • Developed the API services in Node.js, GraphQL, and PostgreSQL.
  • Conducted the user interviews and participated in the UX design, collaborating with team members to deliver the best possible user experience.
Technologies: JavaScript, React, GraphQL, Firebase, Zeplin, WebSockets, REST, HTML5, Ajax, CSS3, Web Development, Front-end, HTML, CSS, Git, Trello, JSON, Design, Webpack, NPM, REST APIs, User Interface (UI), Application State Management, Responsive Design, NoSQL, UX Design, Scripting, Scalable Application, Cloud Deployment, APIs, Full-stack Development, Architecture, Startups, Full-stack, User Interviews, Source Code Review, Code Review, GitHub, Code Architecture, API Integration, SQL, Node.js, Team Leadership, Apollo Server, UI Design, Agile Software Development

Senior Front-end Developer

2022 - 2023
Circular, LLC
  • Developed the features using TypeScript on a React graphic design application with thousands of active users, starting from the designs provided in Figma.
  • Integrated the front end features with the APIs through gRPC.
  • Reviewed the code from fellow front-end developers and actively collaborated, within a team of ten people, in the development of the application.
  • Isolated and solved bugs, improved the UX of the application, and worked with Konva to interact with the canvas of the main app editor.
Technologies: React, TypeScript, HTML, CSS, JavaScript, Konva, Scalable Application, Startups, Source Code Review, Code Review, GitHub, Code Architecture, API Integration

Senior Front-end Developer

2022 - 2022
TrueFoundry
  • Developed the user interface for new features of the React multi-tenant app, enhancing usability and the user experience.
  • Investigated, isolated, and solved bugs across the web app.
  • Collaborated with the back-end developers and designers to find and implement the best user experience solutions for the web app, making the user flow more intuitive and fluid.
  • Integrated the third-party services for customer support and technical monitoring.
  • Reviewed colleagues' front-end code to ensure consistent React best practices and code maintainability patterns.
  • Helped to maintain the code with TypeScript and partially refactored the app structure for consistency and easy navigability.
Technologies: React, TypeScript, Redux, Redux Toolkit, GitHub, Figma, Material UI, Tailwind CSS, Scalable Application, Startups, Source Code Review, Code Review, Code Architecture, API Integration, Team Leadership, Agile Software Development

Full-stack Developer

2022 - 2022
Elion Digital
  • Developed the web app's UI connecting healthcare professionals simply and efficiently.
  • Wrote the front end using TypeScript, React, and MUI to ensure reusability and easy maintenance.
  • Participated in the designing data models stored in Firestore, a NoSQL database.
  • Built the database middleware rules and tests, securing the application's data and managing different user roles inside the application.
  • Used Firestore Cloud Functions to keep the data consistent across the database and reduce client calls to a minimum.
  • Worked collaboratively with colleagues from the other side of the world, using Azure DevOps project management tools.
Technologies: TypeScript, Firebase, Cloud Firestore, Firebase Cloud Functions, Jest, Adobe Experience Design (XD), Material UI, React, JavaScript, CSS, Azure DevOps, Git, NoSQL, UX Design, Scripting, Scalable Application, Cloud Deployment, APIs, Full-stack Development, Architecture, Technical Leadership, Startups, Full-stack, Source Code Review, Code Review, Code Architecture, API Integration

Front-end Developer

2021 - 2022
Nituno
  • Refactored part of the codebase of Vertrical.com to make it more performant and maintainable.
  • Built a blog feed section listing all blog posts published in a Contentful instance, allowing users to filter by date and author and search by title and content.
  • Improved the author's experience and made the publishing system more robust by refactoring some content models in Contentful.
  • Set up a scheduling system to integrate Amplify and Contentful and automatically publish blog posts at the desired date in the future.
  • Rewrote the way metadata is added to pages to enhance SEO.
  • Scripted a sitemap generation tool and added Robots.txt directives to support SEO.
  • Developed a dynamic form to allow potential clients to quickly request an estimate on the website.
Technologies: React, Next.js, Tailwind CSS, AWS Amplify, Contentful, SSG, Adobe Experience Design (XD), Monday.com, Gatsby, Application State Management, Responsive Design, Headless Software, Scalable Application, Startups, GitHub, API Integration, Content Management Systems (CMS)

Front-end Leader

2020 - 2022
Philip Morris Italia
  • Developed a multi-tenant app used by hundreds of users belonging to five different teams in the company.
  • Resolved bugs and improved features after meeting and conversing with clients.
  • Reviewed colleagues' code to ensure consistent, high-quality code throughout projects.
  • Helped to organize the team's workflow using Jira as a Scrum management tool.
Technologies: JavaScript, React, GraphQL, AWS Amplify, AWS AppSync, AWS Lambda, HTML, CSS, Amazon Web Services (AWS), WebSockets, REST, HTML5, Ajax, CSS3, Web Development, Front-end, Git, Jira, Trello, Adobe Experience Design (XD), JSON, Design, Webpack, NPM, REST APIs, User Interface (UI), Styled-components, Application State Management, Responsive Design, NoSQL, Data Analytics, Scripting, Scalable Application, Cloud Deployment, APIs, Full-stack Development, Architecture, Full-stack, Team Management, Interviewing, Source Code Review, Code Review, GitHub, Code Architecture, API Integration, Team Leadership, UI Design, Agile Software Development

Freelance Web Designer and Developer

2014 - 2021
Tameto Design
  • Designed and developed websites for shops, brands, artists, and festivals.
  • Maintained and renovated existing websites on various platforms such as WordPress.
  • Advised clients on digital marketing strategies and web presence.
Technologies: Sketch, Illustrator CC, Premiere Pro CC, Photoshop CC, Jekyll, React, Design, User Experience (UX), React Native, HTML5, Ajax, WordPress, CSS3, Web Development, Front-end, HTML, CSS, Git, Trello, GraphQL, Docker, Adobe Experience Design (XD), Figma, JavaScript, JSON, Webpack, Netlify, NPM, REST APIs, REST, Headless CMS, Forestry.io, User Interface (UI), Gatsby, Styled-components, Application State Management, Responsive Design, NoSQL, UX Design, Scripting, Headless Software, Scalable Application, Cloud Deployment, Architecture, Startups, Full-stack, Team Management, GitHub, Code Architecture, API Integration, Content Management Systems (CMS), Team Leadership, UI Design

Front-end Developer | UI/UX Designer

2017 - 2020
W-Mind
  • Developed landing pages to support social media marketing campaigns.
  • Integrated Facebook and Google Analytics tool to track conversions.
  • Designed the UI and UX which led to an increase in conversions.
Technologies: Sketch, React, Facebook Pixel, Google Tag Manager, Design, User Experience (UX), HTML5, Ajax, CSS3, Web Development, Front-end, HTML, CSS, Git, Trello, GraphQL, JavaScript, JSON, Webpack, NPM, REST APIs, REST, Headless CMS, User Interface (UI), Gatsby, Application State Management, Responsive Design, NoSQL, UX Design, Headless Software, Startups, GitHub, API Integration, Content Management Systems (CMS), UI Design

Internal Networking Tool for Philip Morris Italia

On this project, we built an app for internal use, and it consisted of a multitenant system. Five PMI teams used it to manage the communication between headquarters and hundreds of employees and clients. The app uses an entirely serverless architecture of React on the front end and AWS Amplify on the back end.

As a front-end leader, my role was to do most of the UI/UX development as well as to participate in the build of the cloud architecture. It was also my responsibility to review code contributions from colleagues in charge of refining the UI visuals.

Because we were developing software for five teams with different needs, we had to make the application flexible enough to satisfy several hundred users that now use it daily.

To meet that challenge—while remaining flexible and the codebase safe and well structured—we developed the app using a test-oriented approach. We also used Cypress.io to run end-to-end tests on the whole system, ensuring that refactors and new implementations wouldn't compromise the existing app.

TrueFoundry Web App for Machine Learning Engineers

https://www.truefoundry.com/
TrueFoundry is a web app and CLI that allows engineers developing predictive models to easily deploy their algorithms, test them, and visualize statistics and analytics about their model, smoothing their development workflow.

I covered the role of Senior Front-end Developer, and as part of my job, I:

• Developed the user interface for new features of the React multitenant app, enhancing usability and user experience.

• Investigated, isolated, and solved bugs across the web app. Collaborated with back-end developers and designers to find and implement the best user experience solutions for the web app, making the user flow more intuitive and fluid.

• Integrated third-party services for customer support and technical monitoring.

• Reviewed front-end code contributions from colleagues, keeping consistent React best practices and code maintainability patterns.

• Contributed to code maintenance by thoroughly using TypeScript and refactoring part of the app structure for consistency and easy navigability.

YOOPknows

https://yoopknows.com/
A React application for an architecture project management. I was the front-end developer for a second iteration of the application when it became a SaaS, and it expanded its functionalities with new features.

Some of my responsibilities included:

• Refactoring the app for a multitenant architecture
• Developing a new Kanban board feature integrated with the old list-style task overview
• Implementing real-time updates with GraphQL subscriptions

During the development, I was in continuous conversation with the back-end team (responsible for developing Node.js APIs) to find the best technical solutions to serve a smooth user experience.

In the team of four, we adopted an agile-inspired workflow, keeping communication fluid and adapting to different development steps as a team while taking responsibility to organize our work independently.

Web App for Medical Collaboration

https://eliondigital.com/
For Elion Digital, I developed the front and back end of an MVP for their web app, aiming at smoothing communication between people working in the world of healthcare.

Some of my responsibilities included:

• Developing the UI of a web app, connecting professionals working in healthcare simply and efficiently

• Coding the front end with TypeScript, React, and MUI, making decisions for best practices, and ensuring component reusability and good code maintainability

• Participating in designing data models to be stored in Firestore, a NoSQL database

• Writing database middleware rules and tests, securing the application’s data, and managing different user roles inside the application

• Writing Firestore Cloud Functions to keep data consistent across the database and reduce client calls to the minimum

• Working collaboratively with colleagues from the other side of the world, using Azure DevOps project management tools

Languages

JavaScript, CSS, HTML, HTML5, GraphQL, TypeScript, CSS3, SQL

Frameworks

Next.js, Cypress, React Native, Tailwind CSS, Jest, Material UI, Redux

Libraries/APIs

React, REST APIs, AWS Amplify, Node.js, Konva

Tools

Git, Jira, Trello, Sketch, Jekyll, Webpack, NPM, Adobe Experience Design (XD), Figma, AWS AppSync, Zeplin, Facebook Pixel, Illustrator CC, Premiere Pro CC, Photoshop CC, GitHub, Expo, Calconic

Paradigms

REST, Scalable Application, UX Design, UI Design, Agile Software Development, Azure DevOps

Platforms

MacOS, Netlify, Docker, AWS Lambda, Firebase, Amazon Web Services (AWS), WordPress, Contentful

Storage

JSON, NoSQL, Cloud Deployment, Redshift, Amazon DynamoDB, Cloud Firestore

Other

Front-end, Web Development, Headless CMS, Forestry.io, User Interface (UI), Gatsby, Application State Management, Styled-components, Responsive Design, Headless Software, Scripting, API Integration, Content Management Systems (CMS), Ajax, Data Analytics, Code Review, Source Code Review, User Interviews, Team Management, Full-stack, APIs, Code Architecture, Apollo Server, Team Leadership, Google Tag Manager, Pinpoint, Physics, Mathematics, Performance, Communication, Teamwork, SVG Animation, Design, User Experience (UX), WebSockets, SSG, Monday.com, Strapi, Storybook, Firebase Cloud Functions, Redux Toolkit, Interviewing, Startups, Technical Leadership, Architecture, Full-stack Development

2016 - 2018

Master's Degree in Theater

LISPA — Rose Bruford College - Berlin, Germany

2008 - 2014

High School Diploma in Scientific Studies

Liceo Classico Virgilio - Rome, Italy

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