Matteo Carpi
Verified Expert in Engineering
Front-end Developer
Rome, Metropolitan City of Rome, Italy
Toptal member since November 3, 2021
With 10 years of experience, Matteo brings a user-centric approach to building fast, user-friendly applications. Known for stepping into the user’s shoes to understand their needs, he blends skills in design and technology to deliver seamless experiences. Matteo has helped both startups and Fortune 500 companies launch successful products and thrives in cross-functional teams, thanks to his flexibility and collaborative mindset.
Portfolio
Experience
- Front-end - 10 years
- React - 6 years
- JavaScript - 5 years
- Git - 4 years
- GraphQL - 3 years
- Docker - 2 years
- AWS Amplify - 2 years
- Jira - 1 year
Availability
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
Senior Front-end Developer
MedGeo Ventures
- Developed and maintained a Next.js application from the ground up, enabling thousands of hospital managers to manage site information, post job listings, and review applications.
- Collaborated with the product and design teams to define requirements, ensuring excellent user experience and adhering to best development practices.
- Resolved bugs and upheld the map-based (MapBox) Next.js application used by thousands of medical professionals to explore job opportunities daily, maintaining top-tier security and performance standards for optimal user experience.
- Collaborated with fellow developers, reviewed code, coached new developers on best practices, and paired programming on the most complex issues, contributing to smooth, fast-paced development iterations.
- Developed and expanded Node.js and PostgreSQL APIs while keeping flexibility to support the development team when required.
Senior Front-end Developer
Pixelcut
- Developed 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 code written by fellow front-end developers and actively participated in the collaborative development of the application within a 10-person team.
- Isolated and solved bugs, improved the application UX, and worked with Konva to interact with the canvas of the main app editor.
Full-stack Developer
YoopKnows
- Refactored the project management app to offer it as a software as a service (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 user interviews and participated in the UX design, collaborating with team members to deliver the best possible user experience.
Senior Front-end Developer
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 3rd-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.
Full-stack Developer
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 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.
- Collaborated with colleagues globally, leveraging Azure DevOps project management tools for seamless coordination.
Front-end Developer
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 future date.
- Rewrote how metadata is added to pages to enhance search engine optimization (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.
Front-end Lead
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.
Freelance Web Designer and Developer
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.
Front-end Developer | UI/UX Designer
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.
Experience
Internal Networking Tool for Philip Morris Italia
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/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/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/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
Education
Master's Degree in Theater
LISPA — Rose Bruford College - Berlin, Germany
High School Diploma in Scientific Studies
Liceo Classico Virgilio - Rome, Italy
Skills
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, Redux Toolkit, GitHub, Expo, Calconic
Languages
JavaScript, CSS, HTML, HTML5, GraphQL, TypeScript, CSS3, SQL
Frameworks
Next.js, Cypress, React Native, Tailwind CSS, Jest, Material UI, Redux
Paradigms
REST, Scalable Application, UX Design, UI Design, Agile Software Development, Azure DevOps
Platforms
MacOS, Netlify, Web, 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), Chakra UI, Single-page Applications (SPAs), Consulting, Customer Relationship Management (CRM), 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, Interviewing, Startups, Technical Leadership, Architecture, Full-stack Development
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring