Adam Di Mario

tl:dr;

I am a web developer with over 10 years of experience, specializing primarily in frontend development with React. My expertise allows me to handle a wide range of web-related projects with confidence and efficiency, both on the frontend and on the backend.

In addition to development, I provide consulting services for both new and ongoing projects. This includes advising on stack and infrastructure choices, bootstrapping development environments, conducting performance audits, introducing testing strategies, and enhancing developer efficiency and experience.

I am passionate about solving TypeScript challenges, supporting fellow developers, mentoring junior team members, and optimizing codebases.

Experience

Defining content strategy and content models, and integrating headless CMS solutions (e.g. Contentful, Storyblok) into e-commerce platforms

Maintenance, update and optimization of older projects in Django/Wagtail and React

Planned and executed the migration of 20+ JavaScript/TypeScript projects from Yarn v1 to pnpm, addressing lockfile differences, workspace configuration, and CI compatibility, while introducing dependency security controls such as automated audits and strict package trust policies to mitigate supply-chain vulnerabilities.

Technical consulting and performance audits on existing web apps

Management, mentoring and coaching of mid/junior developers, including pair programmming and code reviews

Collaborated with Comtest Wireless to design and develop a dashboard for monitoring the phone network of Rete Ferroviaria Italiana. The dashboard includes interactive data visualizations for datasets containing more than 100,000 data points on SVG, canvas, and maps. It also features an option to offload resource-intensive calculations to a dedicated Web Worker, enhancing performance and responsiveness.
Stack: React on Webpack, TanStack React Query, MUI, VisX, OpenLayers.

Took over and enhanced an existing analytics dashboard for ShopFully. This involved migrating the entire codebase from create-react-app to Vite and from JavaScript to TypeScript. Developed a custom data-fetching hook for cube.js with fully typed responses and internationalized the entire project to support multiple languages.
Stack: React on Vite, VisX, MUI, cube.js

Design and development of component based design systems, adaptable for React/Next.js, Angular, and direct usage in HTML/CSS/JS

Development of email templates (DEM, transactional emails) in HTML/CSS

Development of WordPress custom themes and plugins

Design and development of static websites in HTML/CSS/JS

Designed and developed a single-page application for Flying Tiger Copenhagen to manage and observe customer flow within their stores. The application featured navigable store plans that allowed employees to record real-time customer movements, providing valuable insights to optimize store layouts and improve customer service.
Stack: React on create-react-app, D3.js

Designed, developed, and maintained a CSS/JS framework for the websites of the Euromediterran Province of the Jesuits. This framework implemented the style guide across multiple sites, ensuring a consistent and cohesive visual identity.
Stack: custom node.js script to build and publish the styleguide on npm, vanilla JS.

Led the technical design and development of web components for the reserved user area of ConTe.it.
Stack: Angular, vanilla JS.

Design and development of static websites in HTML/CSS/JS

Design and development of tailor-made ERP software, backend in Django/DRF and frontend in Materialize.css + JS or AngularJS

Development of libraries of UI components for internal and external use

Design and development of static websites in HTML/CSS/JS

Skillset

Core

Extensive expertise of the web fundamentals: HTML and its semantic use, CSS and its methodologies, the DOM and related browser APIs, HTTP and request-response cycle, etc...

Profound understanding of JavaScript, including its core constructs and internals such as closures, hoisting, concurrency and the event loop, asynchronous operations, generators, and iterators.

Extensive knowledge of TypeScript, encompassing both fundamental concepts such as type inference, assignability, and type narrowing, as well as advanced topics including generics, distributive conditional types and variance. Demonstrated experience in the incremental migration of both library and application code to TypeScript.

Deep understanding of React, including both historical and modern patterns, and extensive knowledge of its ecosystem, such as Next.js, React Router, Redux, TanStack React Query and React Hook Form. Working knowledge of Vue 3 (using the Composition API) and Angular.

Strong focus on performance, with proven ability to identify, diagnose, and prevent issues such as memory leaks, excessive re-renders, and rendering bottlenecks using browser and framework profiling tools.

Proven ability to streamline development processes by identifying bottlenecks and implementing solutions that reduce friction, improve delivery timelines and enable teams to focus on high-value work.

Experience with frontend architecture and tooling, including monorepo management, publishing libraries to public and private registries, and designing and implementing component-based design systems.

Solid backend experience with Node.js, including the design and implementation of APIs and services, and strong familiarity with GraphQL for schema design, resolver implementation, and client–server data modeling. Comfortable working with authentication, authorization, data validation, and integrating external services.

Auxiliary

Proficient in Git, including its versioning system, associated workflows, and major platforms such as GitHub, GitLab, and Bitbucket.

Familiarity with modern AI-assisted development tools, using them selectively to accelerate research, prototyping, and problem exploration, while maintaining strong independent reasoning, code review standards, and ownership of technical decisions.

Strong understanding of data visualization principles and related mathematics. Familiar with leading libraries such as D3, VisX, Recharts, and Echarts.

Knowledgeable in motion design principles with experience using key animation libraries like GSAP, AnimeJS, and Framer Motion.

Comfortable with major collaboration software and platforms including Slack, Jira, Trello, and Notion.

Ability to anticipate potential issues during the design and wireframing phases. Familiar with major UI design and design handoff tools such as Figma, Zeplin, and Sketch.

Soft

Strong aptitude for analyzing complex problems and developing effective solutions. Demonstrated ability to approach challenges methodically and creatively.

Meticulous attention to detail, ensuring high-quality outcomes and accuracy in all aspects of work.

Highly adaptable with an excellent ability to quickly learn and integrate into existing codebases. Proven track record of swiftly adapting to new technologies and workflows.

Skilled in team management and mentoring other developers, fostering growth and collaboration within the team.

Comfortable acting as a direct technical point of contact for clients, managing expectations, clarifying requirements, and communicating trade-offs clearly and transparently.

Excellent command of written and spoken English, including technical terminology, facilitating effective communication in international and technical contexts.

Other interests

Maths
Design and typography
Creative coding and generative/procedural art
Xilography and linocut

Currently studying...

Effect-TS
WebGL, Three.js and react-three-fiber
Machine Learning and LLMs