Stefano Magni Email & Phone Number

Lecco, It

Brookline, Massachusetts, Us

Preply connects learners and tutors to create live language classes. Preply is the leader in the language learning market, with 1M+ students, 30K+ active tutors, and 600+ employees.Tech stack: React, TypeScript, GraphQL, Webpack.Right after joining Preply, the full rebrand of the company started. I jumped on the internal Design System to ease the rebrand migration since it was a nebulous project with no guidelines or graphic layouts.What I learned• To quickly adapt the Design System contribution model to unlock Product teams while guiding them and governing the new components' implementation• To fill the Design System gaps to empower all the Product teams in the most practical way• How to demystify and explain complex software like Preply's Design System to allow Products developers to contribute• How to guarantee the Design System retro compatibility (to serve the existing product) while adapting it to serve an entirely different Brand system at the same time• To keep track of technical debt in the Design System

San Francisco, California, Us

Plannix is the platform that helps you monitor assets, portfolios, and investments to create a winning financial plan.What I do as an advisor:• I share every kind of best practice (from working flows to code patterns) and prompt about bad practices that can become future bottlenecks and blockers for the front-end application

I speak about modern front-end testing methodologies. I have talked at 5 conferences and 20+ meetups.What I learned• Adapting my teaching approach to the knowledge of the participants (from newbies to mid-level).• Experimenting with different learning approaches.What I do• I spread Front-end testing best practices• I share plugins and packages I create to solve everyday problems.• I spread my positive experience with learning in public.Courses• (Aug, 2024) Canca CF+ (16-hour course).• (Apr, 2024) Zelando (16-hour course).• (Feb, 2024) Apropos/Accenture (8-hour course).• (Apr, 2023) Apropos/Accenture (8-hour course).• (Apr, 2023) Plannix (16-hour course and consultancy).• (Apr, 2022) Shopware (12-hour workshop).• (Jan, 2022) ORS (20-hour course and consultancy).• (Aug, 2021) WorkWave XState Working Group• (Aug, 2021) Neratech (8-hour course).• (Jul, 2021) Apropos/Accenture (16-hour workshop).• (Jul, 2021) JSDay (8-hour course).• (Apr, 2021) Apropos/Accenture (16-hour workshop).• (Jun, 2020) Educative.io (online course).• (Oct, 2019) Talent Garden CodeMaster (12-hour workshop).• (Oct, 2019) ReactJSDay 2019 (4-hour course).• (Dec, 2018) Frontenders Ticino (1-day workshop).Consultancies• (June, 2023) Automatic frontend code generator @ Platformatic• (May, 2023) Frontend project assessment @ Jointly (20-hour consultancy)UI Testing Best PracticesI created and wrote most of the contents of "UI Testing Best Practices", a collection of articles and advice based on my own experience.

Atlanta, Georgia, Us

Thanks to my love for Cypress and my public presence (talks, articles, courses, OSS plugins, helping on StackOverflow), Cypress involved me in their Cypress Ambassador program. The program aims to connect the most active contributors directly with the Cypress team, sharing the following product features and gathering feedback from the community and the companies.

San Francisco, Ca, Us

Hasura created the Platform team with a broad scope in mind. This brings us to face interesting challenges, from implementing some complex features to refactoring big parts of the codebase.Tech stack: React, TypeScript, Nx, Zustand, Vitest.What I learned• Identify the most impactful features and refactor the other developers' need to speed up their feature development• Balance perfectionism and pragmatism even in a full-of-tech-debt codebase• Self-organizing my time and focusing while working remotely on high-impact DX featuresWhat I do as a Front-end Tech Leader• I propose and drive solutions to remove friction and ambiguity through all the SDLC• I implement and refactor some of the weakest but important parts of the codebase• I drive the roadmap for the frontenders of the Platform Team, identified through interviews with the internal developers and with the approval of the higher-ups• I deeply review every front-end-related PR and mentor other Developers in writing more readable, refactorable, and scalable code• I care a lot about the adopted testing strategies

San Francisco, Ca, Us

Hasura gives you instant GraphQL & REST APIs on new & existing data sources. The Hasura Console is a 150K LOC+ admin dashboard to manage the connected databases and try out GraphQL APIs.Tech stack: React, TypeScript, Redux, Webpack.What I learned• Working in a high-pace growing startup (100 employees when I joined, 130 three months later)• Working in a high-pace growing team (6 developers when I joined, 11 two months later)• Getting visibility and traction in a flat-structured company• Working with a tech-debt-rich codebaseWhat I do as an Engineer• I analyze and improve the processes of the whole team in order to remove bottlenecks.• I champion a Contract Testing initiative to decouple the front-end and the back-end tests to speed up CI pipelines.What I do as a Developer• I refactor the E2E tests to speed them up, reducing the flakiness, and improving the debuggability.• I deeply review front-end-related PRs and I mentor other Developers in writing more readable code.

Holmdel, Nj, Us

RouteManager is a 250K LOC, B2B, Field Service software. The unique challenges come from the Front-end application loading the whole raw, Clients' plan, and aggregating all the data locally. The Front-end Architect and I have designed and are rewriting all the core and the infrastructure, moving the data aggregation to a dedicated Web Worker.Tech stack: React, TypeScript, Web Workers, Vite.What I learned• Working on a large codebase, designing everything with maintainability and scalability in mind.• Analyzing existing and complex flows to refactor them.• Thinking of three developers with different backgrounds and capabilities.What I did as an Engineer• I discuss the design of every detail of the application with the Front-end Architect.• I develop crucial parts of the application.• I spread knowledge to the whole team with regular catch-ups and deep code-reviews.• I teach the Front-end Developers about React principles, best practices, and how to write readable and maintainable code.What I did as a Team Leader• I mentor the Front-end Developers about improving their workflow: analyzing features and communicating clearly.• I move the whole team working asynchronously.• I improve the working flow between Product and Engineering.

San Francisco, Ca, Us

The SAAS Conio platform allowed banks to recover Clients' Bitcoin wallets in case of private key loss. The unique challenges came from integrating the back-office with external HSMs that didn't offer a pleasant developer experience or predictable behavior.Tech stack: React, TypeScript, GraphQL, Protocol Buffers, Cypress, Jest, Gatsby.What I learned• A practical approach to testing methodologies.• Leveraging Cypress as a development tool to improve productivity.• Working with Kanban and 100% asynchronously.What I did• I developed and tested all the use-cases of the back-office.• I created some B2C landing pages.• I supported the Mobile team in designing a successful testing approach.

Milan, Lombardy, It

SuperMoney needed to modernize and unify all the consumer-facing websites in terms of style and code.Tech stack: Vue.js, Sass, Jest, Puppeteer, Webpack.What I learned• Deeply leveraging a modern framework composing the render functions directly.• Configuring Webpack from scratch.• Testing a front-end application with a mix of unit, end-to-end, and visual regression tests.What I did• I designed and coded the isomorphic framework at the core of the new websites.• I created the new design system.• I trained a Web Designer from scratch.

Lecco, Lombardia, It

I was the reference for every code aspect of the UX/UI of Creeo's projects. I developed every web app, app, and website that required a strong commitment to the UI. I worked every day with the graphic team to find the best way to communicate products and services. Tech stack: Vanilla JavaScript, Backbone.js, ES6, HTML, Sass, GSAP.What I learned• Developing highly responsive websites compatible with every browser and respecting HTML/CSS standards.• Using MVC libraries.• Optimizing and pushing website performances, especially on mobile devices.What I did• I wrote tons of imperative JavaScript.• I developed single-page, highly-interactive, and animated websites, product configurators, and games.• I created an internal CLI to automate most of the development repetitive tasks.• I used every new project as a learning opportunity.

Lecco, Lombardia, It

In parallel with my front-end role, I touched every aspect of the project flow that impacted the development phase.What I learned• Understanding the needs of all the stakeholders of a project.• Being highly proactive and a good communicator.• Speaking at conferences.What I did• I reduced the communication friction between every member of the team.• I facilitated the work of the team at every level, both with technical and organizational solutions.• Analyzed and estimated projects.

Lecco, Lombardia, It

I was specialized in the development of apps for smartphones and tablets (iOS, Android, BlackBerry TabletOS), Smart TVs, upcoming consoles (Ouya, GameStick) through Adobe AIR. The unique challenges came from creating truly multi-platform applications.What I learned• Pushing performance optimizations to offer the best UX on low-powered and old devices.• Developing multi-platform applications for different OSes and different inputs: touch, mouse, remote.• Developing adaptive applications for every screen ratio, physical size, DPIs, etc.What I did• I developed product configurators and games.• I developed Old School Race that reached the first position in the iTunes App Store in some European countries.

Lecco, Lombardia, It

I started my professional career with the Flash platform.What I learned• Moving fast in a job environment and guaranteeing high-quality standards at the same time.• Being independent, studying continuously.• Improving my coding skills by reading other developer's code.What I did• I develop mini-games and highly-animated UIs.• I decoupled the internal code of the applications by leveraging event-driven development and MVC design pattern.• I created a custom library of utilities and components to speed up as much as possible the everyday development.

Bachelor'S Degree, Communication Design

High School Diploma, Informatic Technologies