Engineering Signal MapArchitecture, performance, real-time and AI systems connected as an engineering system diagram.ArchitecturePerformanceReal-timeAI SystemsArchitecturePerformanceReal-timeAI Systems

Open to international remote opportunities and relocation.

Senior Frontend Engineer building complex, fast and maintainable web products.

I build and modernize complex software systems, combining deep frontend expertise with commercial Node.js experience. My focus is on architecture, performance, and maintainability.

React · Next.js · TypeScript · Frontend Architecture · Performance · WebSocket · Node.js

Engineering impact

Measured improvements, with context.

Performance work is most useful when the baseline, intervention and limitation are all visible.

Commercial work

≈32%

build time reduction

after application modernization

≈25%

smaller JavaScript payload

through splitting and dependency optimization

≈5s → ≈2s

Time to Interactive (TTI)

in a transport monitoring platform

Independent performance study

75 → 92

Lighthouse Performance

in a measured React-to-Svelte migration

−74%

JavaScript bundle

in the same migration experiment

Commercial metrics are based on internal project measurements and are described without exposing confidential implementation details.

Selected work

Systems, not just screens.

Independent projects with working demos, source code and the engineering decisions behind them.

ReviewPilot AI dashboard showing a structured pull request risk analysis

01 / AI-assisted pull request review workflow

ReviewPilot AI

A personal Next.js application and GitHub App exploring structured pull request review. The public demo uses a deterministic mock provider; real LLM analysis requires the optional OpenAI-compatible integration.

Contribution
Product design, frontend architecture, GitHub integration and evaluation workflow
Engineering result
A complete review pipeline with validated, provider-independent structured output.
  • Next.js
  • TypeScript
  • Zod
  • GitHub App
  • Vitest
  • CI
Diablo Web browser runtime displaying the game canvas and interface

02 / Modernizing a browser-based WebAssembly game runtime

Diablo Web

A compatibility and architecture modernization of existing open-source browser and game-engine work, with typed runtime orchestration around WebAssembly, workers, canvas and browser storage.

Contribution
Frontend modernization, runtime boundaries, protocol validation, tests and delivery
Engineering result
A maintainable browser runtime shell with explicit boundaries around engine, worker and UI concerns.
  • React
  • TypeScript
  • Vite
  • WebAssembly
  • Web Workers
  • Canvas
Fleet Route Monitor dashboard with a route map, vehicle progress and operational alerts

03 / Real-time logistics monitoring interface

Fleet Route Monitor

A responsive operational dashboard that turns deterministic vehicle simulation into route progress, ETA, delay risk and actionable alerts.

Contribution
Interaction design, simulation model, map integration and testable operational state
Engineering result
A credible, repeatable monitoring experience without depending on a live fleet backend.
  • React
  • TypeScript
  • Leaflet
  • Simulation
  • Responsive UI
  • Vitest
Forest image gallery used for the measured framework migration experiment

04 / Measured React-to-Svelte performance migration

Forest

An engineering experiment that measures the effect—and limits—of migrating the application layer from React to Svelte while keeping the image payload constant.

Contribution
Migration implementation, measurement design, analysis and documentation
Engineering result
74% less JavaScript and a measured Lighthouse Performance increase from 75 to 92.
  • Svelte
  • TypeScript
  • Vite
  • Lighthouse
  • Bundle analysis

Experience

Modernization under real product constraints.

February 2025 — Present

Media Service

Frontend Engineer

Working on large-scale cultural and educational digital platforms, including public-facing and internal administrative products.

  • Next.js and React platform modernization
  • JavaScript-to-TypeScript migration
  • Frontend architecture and module boundaries
  • SSR, routing, bundle and Core Web Vitals optimization
  • Reusable component systems
  • Code review, mentoring, CI and testing improvements

February 2022 — February 2025

Logrocon

Frontend Engineer

Built and modernized enterprise products for banking, logistics, retail, monitoring and operational workflows.

  • React and TypeScript modernization
  • Real-time WebSocket interfaces
  • Leaflet transport monitoring and JointJS diagram editors
  • Webpack-to-Vite migration and monorepo development
  • Legacy system refactoring and performance optimization

Client names and confidential implementation details are intentionally omitted.

About

Complexity made understandable.

I design clear boundaries around complex business logic, modernize shared libraries and migrate applications to TypeScript incrementally. My commercial work spans high-traffic public platforms, event-driven monitoring, conditional workflows, real-time interfaces and analytics dashboards. Regression tests, performance checks, CI/CD, release planning and rollback strategies help keep changes safe and maintainable.

Beyond frontend architecture, I have commercial Node.js experience with REST APIs, business logic, database integrations, authentication, authorization and external services, collaborating across frontend and backend boundaries. I have also integrated AI capabilities into frontend products.

Through personal projects, I explore full-stack architecture, other backend languages and frameworks, AI-powered applications and agent-assisted development. I keep responsibility for architecture, validation and testing when working with AI tools.

Contact

Have a complex frontend problem or an international role that could be a good fit?

john.maks595@gmail.com
Astana, KazakhstanUTC+5Open to international remote opportunities and relocation.