Bruno is available for hire
Hire BrunoBruno Molteni
Verified Expert in Engineering
JavaScript Developer
Barcelona, Spain
Toptal member since April 17, 2020
Bio
Blending the logic-wielding and problem-solving of an engineer with the visual sensitivity of a designer, Bruno brings over ten years of experience focused on modern front-end architectures. He is proficient with migrations, optimization, CRM, UI, and feels right at home speaking the language of both developers and designers. Bruno is an asset to any project, especially those requiring a technical and aesthetic background.
Portfolio
AuumAI Limited
HTML, CSS, Animation, Web Animation, UI Animation, Figma to HTML, SVG Animation...
Reflek.io
React, Next.js, PostgreSQL, Figma, AI SDK, Node.js, Bun, Animation...
Freeverse.io
React, Next.js, MySQL, Animation, UI Animation, Web Animation, Figma to HTML...
Experience
- Web UX - 11 years
- CSS - 11 years
- HTML - 11 years
- JavaScript - 11 years
- SCSS - 9 years
- Node.js - 6 years
- Web Performance Optimization (WPO) - 5 years
- React - 5 years
Work Experience
Lead Front-end Developer
2026 - 2026
AuumAI Limited
- Planned and implemented the public website from Figma designs into high fidelity animated components in the 1st two weeks, using a static generation pipeline using Astro to ensure the best loading performance.
- Designed and implemented a CMS for authoring blog articles, including rich media, using Strapi to trigger static builds, requiring minimal infrastructure while ensuring a great loading experience and SEO.
- Developed a complete CI/CD approach to ensure smooth deployment and usage of existing resources as much as possible.
Technologies: HTML, CSS, Animation, Web Animation, UI Animation, Figma to HTML, SVG Animation, CSS Keyframes, WebGL, Canvas, OpenAI API, AI Tools, Open Source
Front-end Architect & Tech-Lead
2024 - 2026
Reflek.io
- Took charge of an existing codebase that was developed by outsourced developers and took it entirely in-house, leading technical handoff, hiring for a new team, and onboarding of the hired developers, and led the front-end project.
- Started from scratch to define the complete architecture of the next iteration of the project, ensuring all technical issues with the previous architecture were resolved, and designed an AI-assisted workflow to speed up development for the team.
- Worked on a complex 3D project, which involved a GUI editor to create 3D maps and an embedded viewer that was exposed as an SDK.
- Acted as an interim UX designer for a couple of months, developing new designs in Figma and improving the integration between Figma and the front-end codebase, and also took charge of the hiring process for the designer position.
- Implemented AI integration end-to-end for the main feature of the application, ensuring smooth integration with existing UI and functionality, and developed the entire frontend and backend stack.
Technologies: React, Next.js, PostgreSQL, Figma, AI SDK, Node.js, Bun, Animation, UI Animation, Web Animation, Figma to HTML, WebGL, Artificial Intelligence (AI), AI Integration, Large Language Models (LLMs), OpenAI API, Back-end Development, Back-end Architecture, AI Tools, Open Source
Front-end Architect
2021 - 2024
Freeverse.io
- Analyzed the existing codebase to identify potential improvements and refactoring opportunities.
- Mentored two junior front-end developers on front-end best practices, architecture, and optimizations.
- Improved the UI/UX of existing applications, using my design knowledge to propose clear and consistent visual solutions.
- Helped the team improve the specifications and estimations of proposed work.
- Worked directly with a client to define, design, and develop a pilot project on my own, creating a secondary line of business for the company.
Technologies: React, Next.js, MySQL, Animation, UI Animation, Web Animation, Figma to HTML, Back-end Development, Back-end Architecture, Open Source
Front-end Consultant and Architect
2020 - 2022
Freelance
- Helped Labelbox ship their Contentful-backed website to enable the marketing team to quickly iterate on the content.
- Worked alongside NewBlue to implement a scalable front-end architecture that enabled us to quickly create over a dozen micro-front ends to drive animated graphics on their live broadcast software.
- Onboarded and managed another developer using the architecture I designed to scale our development efforts quickly.
- Implemented a real-time update solution using WebSockets and Webhooks in a scalable way.
- Created an architecture that allowed the team to integrate with several different OAuth providers frictionlessly.
Technologies: React, Node.js, HTML, CSS, User Experience (UX), User Interface (UI), JavaScript, TypeScript, Data Visualization, APIs, Next.js, PostgreSQL, Animation, UI Animation, Web Animation, Figma to HTML, Back-end Development, Back-end Architecture, WebRTC, Open Source
Front-end Architect
2017 - 2020
Fetcher
- Migrated the app's UI from jQuery to React in the first three months while creating a custom-made component library, later used in two other company projects.
- Implemented a scalable front-end architecture and technologies' best practices to support the team's future growth.
- Improved the developer experience for the team by implementing a live documentation system for the component library to encourage code reuse.
- Taught existing and new team members the conventions and best practices for React and modern CSS (BEM, ITCSS).
- Developed a custom scaffolding solution for quickly creating new components and pages, making the onboarding process and development of new features significantly faster.
Technologies: BEM, SCSS, Babel, Webpack, Node.js, Storybook, Redux, React, JavaScript, Data Visualization, APIs, TypeScript, Animation, UI Animation, Web Animation, Figma to HTML, Open Source
Senior Front-end Engineer
2016 - 2017
Sports Illustrated Play
- Built a distributed team to develop a web creator project with a modular drag-and-drop interface for creating youth sports team sites.
- Created new themes, layouts, and modules; maintained current ones, ensuring every possible combination looked great on all screens.
- Modified the development environment of the project, bringing it up to modern standards.
Technologies: ASP.NET MVC, BEM, SCSS, Grunt, Node.js, jQuery, JavaScript, Data Visualization, APIs, Animation, UI Animation, Web Animation
Front-end Developer | Team Lead
2014 - 2016
Agencia EGO
- Assisted the agency on the Santander Río CRM web app. Joined the ongoing project, leading the front-end development team.
- Collaborated with designers, product managers, and developers. Mentored the junior developers on the use of Angular.
- Acted as a front-end architect developing a proof-of-concept of the tech stack following the bank's strict guidelines.
- Onboarded three front-end developers into the stack I developed. After the stack proved to be a success, three more front-end developers joined the project using it.
Technologies: Less, Gulp, Node.js, React, AngularJS, JavaScript, Data Visualization, APIs, Animation, UI Animation, Web Animation
Front-end Developer
2014 - 2014
Despegar.com
- Collaborated with the development team to build Viajeros.com, a user-curated database of travel.
- Migrated a legacy codebase to use AngularJs, which was the latest technology stack available at the time.
- Developed several custom components from scratch to use in various core features of the site and marketing landing pages.
- Implemented a great user experience, taking into account the design and specifications of product designers.
Technologies: Git, Grunt, Sass, Node.js, AngularJS, APIs, Animation, UI Animation
Project History
NewBlueFX Web Controllers
http://www.newbluefx.comDeveloped several micro-front ends embedded inside desktop software. They fetched data from OAuth providers like Google, Facebook, and Twitter, displaying it on a responsive UI and communicating with desktop software via WebSockets to trigger animated graphics overlaid on top of live broadcasts.
I architected the front-end stack to allow quick iteration of these micro-front ends, enabling me to collaborate with an outsourced developer and implement over 15 different apps in 10 months.
I architected the front-end stack to allow quick iteration of these micro-front ends, enabling me to collaborate with an outsourced developer and implement over 15 different apps in 10 months.
Fetcher.ai
An online human-resources platform that eases access to high-quality candidates while providing tools to automate all email communication.
At the start of the project, I was in charge of migrating the existing legacy codebase from a server-rendered app to a SPA using React.
I proposed a bottom-up approach, creating a custom component library alongside a living style guide documentation and code generation tools and enabling the migration to move forward quickly.
This system proved to be a success since I single-handedly completed the migration in my first three months with the company. After the migration, I constantly improved our architecture, onboarding and mentoring new front-end developers and ensuring we kept a high-quality codebase.
The component library was then used in three different projects to ensure consistency across all services and help ramp up development efforts.
At the start of the project, I was in charge of migrating the existing legacy codebase from a server-rendered app to a SPA using React.
I proposed a bottom-up approach, creating a custom component library alongside a living style guide documentation and code generation tools and enabling the migration to move forward quickly.
This system proved to be a success since I single-handedly completed the migration in my first three months with the company. After the migration, I constantly improved our architecture, onboarding and mentoring new front-end developers and ensuring we kept a high-quality codebase.
The component library was then used in three different projects to ensure consistency across all services and help ramp up development efforts.
Santander Argentina Online Banking
Santander Argentina needed an online banking service platform for individuals and corporate customers.
As the front-end architect, I started creating a proof-of-concept of the front-end stack; I ensured all the technical requirements were met and helped set up the development workflow.
From the start, I was in charge of onboarding and mentoring new front-end developers as the project moved on and continuously improving the stack I designed to make sure we follow best practices.
In sum, I developed a living style guide for our UI components, proposed a top-down approach when building new features, and ensured optimization for code reuse and better developer experience.
As the front-end architect, I started creating a proof-of-concept of the front-end stack; I ensured all the technical requirements were met and helped set up the development workflow.
From the start, I was in charge of onboarding and mentoring new front-end developers as the project moved on and continuously improving the stack I designed to make sure we follow best practices.
In sum, I developed a living style guide for our UI components, proposed a top-down approach when building new features, and ensured optimization for code reuse and better developer experience.
Certifications
JUNE 2021 - PRESENT
C# Scripting Fundamentals
Circuit Stream
AUGUST 2020 - PRESENT
Certified Developer
Online Freelance Agency
Skills
Libraries/APIs
React, React Redux, Node.js, jQuery, Vue, WebGL, OpenAI API, WebRTC
Tools
Figma to HTML, Webpack, Grunt, Gulp, Git, Babel, Figma, AI SDK, Canvas
Languages
JavaScript, HTML, SCSS, Less, CSS, TypeScript, Sass, JADE, PHP, C#
Frameworks
Bootstrap, Next.js, Express.js, AngularJS, Foundation CSS, Redux, ASP.NET MVC, Angular, Unity, Electron
Paradigms
Web Performance Optimization (WPO), Functional Programming, Back-end Architecture, BEM
Platforms
WordPress, Contentful, Manjaro Linux, Docker
Storage
MongoDB, MySQL, PostgreSQL
Other
Web UX, Web UI, CSS3 Animation, Data Visualization, APIs, Animation, UI Animation, Web Animation, AI Tools, Google SEO, Artificial Intelligence (AI), AI Integration, Large Language Models (LLMs), Back-end Development, Open Source, Storybook, WebSockets, Styled-components, Airtable, User Experience (UX), User Interface (UI), UI Blueprints, UI Components, Front-end, Bun, SVG Animation, CSS Keyframes
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