АлексейНахимов

FRONTEND DEVELOPER.ポカヨケ (Poka-yoke). Код. Логика. Детали.

React и TypeScript: аналитические дашборды и инструменты, которыми инженеры пользуются каждый день — от коммерческой аналитики до автоматизации инфраструктуры VK.

Санкт-Петербург · офис / гибрид / удалёнка

Смотреть проекты Связаться

Обо мне

Инженер, который пишет фронтенд

Пришёл во фронтенд из системной инженерии: работаю с серверной инфраструктурой VK и знаю цену одной ошибки в интерфейсе, которым пользуются инженеры.

Отсюда мой принцип — ポカヨケ (пока-ёкэ), «защита от ошибки»: preview перед необратимыми действиями, валидация до запроса, понятная диагностика вместо молчаливых сбоев. Так построены и коммерческий аналитический дашборд, и CLI, который избавил мою команду от многочасовой ручной работы.

Опыт

React, TypeScript и инструменты для инженеров

06/2023 - настоящее времяFull-time

VK

Системный инженер / разработчик внутренних инструментов

Серверная инфраструктура и автоматизация инженерных процессов

Разработал и внедрил CLI-инструмент (TypeScript / Node.js) для планирования серверной инфраструктуры: партия из 20-100 хостов оформляется за минуты вместо 1-5 часов ручной работы.
Инструментом ежедневно пользуются 10 инженеров направления; распространяется как внутренний npm-пакет.
Спроектировал типизированный слой API-контрактов, OData-запросы, валидацию Excel-данных и preview изменений перед применением.
Сценарии построены по принципу «защиты от ошибки»: all-or-nothing валидация, подтверждение необратимых операций, диагностика с контекстом строки и этапа; ключевые сценарии покрыты тестами.

TypeScript
Node.js
CLI tooling
REST / OData
Zod
Testing

03/2026 - 05/2026Part-time

Sensemachine

Frontend Developer

Аналитика посетителей для павильона «Атом» на ВДНХ (Москва): эмоции, трафик и тепловые карты по данным с камер

Разработал аналитический SPA с нуля: React 19 (+ React Compiler), TypeScript, FSD — KPI, графики динамики посещаемости и удовлетворённости, распределение эмоций, сравнение зон, тепловые карты; ~13 000 строк кода.
Написал типизированный GraphQL-клиент: кэш, дедупликация одновременных запросов, отмена по ref-count, TTL и инвалидация — без тяжёлых библиотек.
Оптимизировал первый экран: независимые запросы KPI-карточек, отложенная загрузка нижних панелей, prefetch чанков по наведению.
Реализовал клиентский экспорт настоящих XLSX и ZIP-архивов без xlsx/exceljs и корректную работу с таймзонами и DST в агрегациях по дням.

React 19
GraphQL / Hasura
Chart.js
FSD
Performance
Export workflows

Ключевые навыки

Стек для SPA и интерфейсных систем

Core

TypeScript
React
Next.js
Node.js
Vite

Architecture & State

FSD
Zustand

UI & Accessibility

SCSS (BEM)
A11y
Chart.js

Data & APIs

GraphQL (Hasura)
REST
OData
PostgreSQL
Zod

Quality & Tooling

node:test
ESLint
Stylelint
Biome

Портфолио

Проекты

Работы с акцентом на компонентность, адаптивность, управление состоянием, доступность и чистую структуру интерфейса.

«Атом» — аналитика посетителей

Аналитический дашборд для павильона «Атом» на ВДНХ: эмоции посетителей, трафик, тепловые карты и справочники по данным с камер.

Коммерческий проект · закрытый продукт

Собственный GraphQL-клиент: кэш, дедупликация запросов, отмена по ref-count
Клиентский экспорт XLSX/ZIP и draft/applied фильтры с каскадными сбросами
Приоритизированная загрузка первого экрана и prefetch чанков

Скриншот интерфейса аналитического дашборда «Атом»

Engineer CLI для VK

Внутренний CLI для автоматизации планирования серверной инфраструктуры: Excel-таблицы превращаются в цепочки API-операций. Исходный код закрыт условиями NDA.

NDA · production

Партия из 20-100 хостов за минуты вместо 1-5 часов ручной работы
Типизированные API-контракты и preview изменений перед применением
All-or-nothing валидация и диагностика ошибок с контекстом строки и этапа

Unsplash Collection

Приложение для поиска фотографий Unsplash, просмотра деталей снимков и работы с пользовательскими коллекциями.

Поиск и адаптивная masonry-сетка с lazy loading
Детальные страницы фотографий и отслеживание скачиваний
Коллекции и кеш бесконечной пагинации

Task Manager

React SPA для управления несколькими досками, задачами и drag-and-drop workflow.

Создание и редактирование задач, досок и тегов
Локальный кеш через Zustand и sessionStorage
A11y, клавиатурная навигация и кастомное ContextMenu

Образование

Практика, база и развитие

Высшее образование

ГУМРФ им. адмирала С.О. Макарова, 2010-2015, специальность «Информационные системы и технологии»

Курсы

Result School — профессиональный курс frontend-разработки, октябрь 2022 - март 2023 (6 месяцев, командная разработка SPA)