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.
  • Debugging experiments: Also serves as the primary companion project for the Front-end Debugging Tools Handbook, hosting its hands-on debugging and performance experiments.

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.