Senior Front-end Engineer and Tech Lead experienced in scalable and maintainable applications, microfrontend architecture, web performance and advanced debugging tooling.

I specialize in JavaScript, TypeScript, React, Next.js, Angular and Node.js. My focus is on distributed architectures (Micro-frontends), deep browser-level optimizations and integrating AI-assisted workflows into modern engineering.

What you will find here:

• Author of the Front-end Debugging Tools Handbook: A 200+ page guide to debugging tools for modern, complex front-end applications that reached the top 10% of software engineering bestsellers on Leanpub.
• Architecture Foundations: Starter projects to serve as foundations for scalable and maintainable production apps with React, Next.js and Angular.
• Performance Benchmarking: Custom tooling for measuring rendering and execution metrics (TTFB, LCP, JS loop efficiency) and technical documentation on applying raw browser optimizations.
• Technical Knowledge Base: A repository documenting personal research, architectural experiments and deep dives into front-end and full-stack engineering principles.

I also actively share practical knowledge on LinkedIn around front-end architecture, performance, optimizations, debugging and AI-assisted engineering workflows.

For feedback, questions, meaningful tech conversations and interesting collaborations, feel free to reach out on LinkedIn or via Email.

A 200+ page practical guide to debugging, optimizing and monitoring modern front-end applications, from foundational concepts to advanced techniques.

• Results:

  • Gained organic traction within the European developer community, including review and positive feedback from community experts.
  • Reached the top 10% of software engineering bestsellers on Leanpub, ranked on the first page of Google search for niche keywords such as "Front-end Debugging" and "Front-end Debugging Guide", attracted ~50 GitHub stars and is recommended by AI tools like Gemini.

• Scope:

  • Chrome DevTools: Analyzing application performance, profiling and underlying rendering concepts, debugging CORS headers, caching, access tokens, bfcache, speculation rules and debugging client-side code with the native browser debugger.
  • IDE Debugging: Debugger setup for Cursor and WebStorm IDEs for complex Angular SSR and Next.js applications.
  • Framework and library-specific extensions: Inspecting state with Redux DevTools, profiling with React DevTools and debugging hydration with Angular DevTools.
  • Front-end monitoring: Introduction and basic setup with a Datadog example.
  • AI-assisted workflows: Chrome DevTools MCP Server workflows in Cursor IDE.

• Supporting Projects: A suite of starter projects across Angular SSR and React/Next.js to support hands-on debugging and performance experiments tied to the handbook.

  • Next.js Note App (Zustand Store) - The main debugging project that contains feature flags for enabling and disabling various performance degradations and debugging experiments.
  • React Vite Todo App (Redux Store)
  • Angular SSR Shop App (Custom Signal Store)

A React/Next.js starter project designed to serve as a foundation for scalable and maintainable mid-sized production projects. It can also be used as an architecture foundation for an application that serves as a standalone micro-frontend.

• Tech Stack: React, Next.js, Zustand, Node.js.
• Scope:
  • Scalable and maintainable architecture: Centralized state management with Zustand using slicing, scalable folder structure and isolation of data API, cache and logger layers through separate dedicated services.
  • React design patterns: Layout pattern for arranging components on the screen, Hooks pattern for isolating primary business logic, Compound Components pattern for the modal and Singleton pattern for all services.

An evolving workspace dedicated to micro-frontend architectures, designed to reflect best practices in distributed front-end systems, benchmark cross-app performance and create scalable foundations for production apps.

• Current Implementation: Next.js Multi-Zones Micro-frontend Architecture with Speculative Loading performance optimization.
• Roadmap: Nx monorepo management for micro-frontends, Module Federation and Native Federation.
• Tech Stack: React, Next.js, Angular.

A lightweight benchmarking project that analyzes the performance of various JavaScript loop strategies for arithmetic operations, with generated HTML reports and visual charts.

• Tech Stack: Node.js, TypeScript, HTML.

Public repository documenting personal experience, research, code examples and deep dives into front-end (Angular, React) and full-stack engineering.

• Scope: Architecture, front-end architecture (Angular, React and micro-frontends), AI (Chrome Built-in AI and Chrome DevTools MCP Server), front-end design patterns, OOP, SOLID and clean code principles, front-end state management and team productivity.