Matteo Carpi
Verified Expert in Engineering
Front-end Developer
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
Experience
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
Full-stack Developer
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.
Senior Front-end Developer
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.
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 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.
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 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.
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 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.
Front-end Leader
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, 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, 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