Personal information hidden

SERHII KABANETS
Middle Frontend Developer | React, TypeScript, Next.js | AI-Assisted Development
Poltava, Ukraine | [open contact info](look above in the "contact info" section) | [open contact info](look above in the "contact info" section)
GitHub: github.com/skabanets | LinkedIn: [open contact info](look above in the "contact info" section) | Telegram: t.me/sergey_kabanets

SUMMARY
Middle Frontend Developer with 3+ years of commercial experience (since 2023), building web applications with React,
Next.js and TypeScript. I build with AI coding agents (Claude Code) under my own review: Spec-Driven Development
(SDD), Model Context Protocol (MCP) integrations and test coverage, turning specifications into production code faster.
Delivered a real-time healthcare monitoring dashboard, an enterprise data-management platform with AI features,
reusable Storybook component libraries, a CMS-driven corporate website managed entirely by the client, and a recruiting
CRM. Implemented an Access Control Layer (ACL) with role-based and per-user permissions for an AI workflow builder.
Strong in performance optimization (GraphQL data fetching, data virtualization) and test coverage with Vitest and Jest.
Live projects: structurasafe.com (Next.js, Strapi CMS) | sonomics.com (React, multi-language)

TECHNICAL SKILLS
Core JavaScript, TypeScript, React, Next.js, HTML5, CSS3
AI-Assisted Development Claude Code, Model Context Protocol (MCP), Spec-Driven Development (SDD), AI agents
State & Data Fetching GraphQL (Apollo Client), TanStack Query, RTK Query, Redux Toolkit, Zustand, RxJS
Tables, Canvas & Charts TanStack Table, TanStack Virtual, TanStack Router, ag-Grid, React Flow, Recharts
Forms & Validation React Hook Form, Zod, Yup
UI & Styling MUI, Mantine, Radix UI, shadcn/ui, Tailwind CSS, SASS, Styled Components, CSS Modules,
Framer Motion
Testing Vitest, Jest
Backend & Databases Node.js, Strapi CMS, MongoDB, Firebase, Supabase, SQLite
Real-time & Auth WebSockets (Socket.io), Server-Sent Events (SSE), JWT, Google OAuth
i18n i18next, react-i18next, next-intl
Tools Vite, Webpack, Storybook, ESLint, Prettier, Husky, Git, GitHub, GitLab, Bitbucket

WORK EXPERIENCE
ABCloudz — Frontend Developer Sep 2024 – Present

MedSense AI — healthcare platform for allergy clinics
• Built a real-time monitoring dashboard streaming patient vitals (heart rate, SpO2, temperature, skin conductance)
from wearable smartwatches via Server-Sent Events (SSE), with live charts and threshold-based alerts.
• Integrated an AI-driven health index calculated from wearable device data into the monitoring views.
• Implemented allergic reaction tracking: monitoring sessions, device management, and an anaphylaxis / oral
immunotherapy assessment flow.
• Designed Role-Based Access Control (RBAC) for 4 roles (super admin, clinic admin, clinic staff, patient) in a
HIPAA-aware architecture.
• Covered key functionality with unit and integration tests (Vitest).
• Developed the product with an AI-assisted workflow (Claude Code) and Spec-Driven Development (SDD); prepared the
MVP for client handover.
Tech stack: React 19, TypeScript, Vite, Mantine, TanStack Router + Query, Zustand, Zod, Recharts, Vitest, npm workspaces

Integration Platform — enterprise data-management application
• Delivered a tool for managing snapshots of educational institutions' databases, with data presented as multi-level
trees, advanced search, tags, and AI features (AI chat, AI reports, AI analyzers).
• Eliminated UI lag in Snapshot Management and Task Manager: replaced full-snapshot polling, which pulled entire
snapshots with large logs, with GraphQL (Apollo Client) queries that fetch only the required data.

• Implemented data virtualization (TanStack Virtual) for large datasets in AI reporting.
• Improved reliability with decorators validating backend response structure: data mismatches surface as an error toast
instead of breaking the UI.
• Extracted reusable features into standalone npm component libraries documented with Storybook, enabling reuse
across the product and faster feature delivery.
• Covered the application with Jest tests.
Tech stack: React, TypeScript, GraphQL (Apollo Client), TanStack Query / Table / Virtual, RxJS, Monaco Editor, Webpack, Jest,
Storybook, Husky

FlowBuilder — AI workflow automation tool
• Built a node-based canvas with React Flow where users connect ready-made nodes into flows, run them to process
action chains, and collect execution logs.
• Created an AI chat for interacting with flows.
• Implemented the frontend Access Control Layer (ACL): roles and permissions, and UI flows for managing access at both
role and individual-user level.
• Delivered features and bug fixes for the canvas.
Tech stack: React, TypeScript, React Flow, TanStack Query / Table, React Hook Form, Zod

Sonomics — Frontend Developer May 2023 – Aug 2024

StructuraSafe — corporate website for a state-owned protective-shelters manufacturer (structurasafe.com)
• Delivered the website end to end, both frontend (Next.js 16) and backend (Strapi 5 CMS), working directly with the
client.
• Designed the CMS as a page builder (Strapi dynamic zones, 17+ block types with background, spacing and visibility
settings), so the client edits texts, blocks, images, menus and footer without a developer.
• Implemented CMS-managed SEO (meta tags, Open Graph, canonical, noindex) and branding (favicons, logos, default
social image).
• Implemented tag-based data caching with an on-demand revalidation endpoint for Strapi webhooks, and Draft Mode
for previewing unpublished content from the admin panel.
• Added bilingual support (Ukrainian / English) with next-intl and Strapi i18n, including localized routing and
CMS-defined slugs.
• Built a contact form with validation (React Hook Form, Zod), spam protection (honeypot, rate limiting) and email
delivery via Resend, with submissions stored and tracked in Strapi.
• Wrote documentation for the client on managing the site and onboarding new admins and developers.
Tech stack: Next.js 16, React, TypeScript, Strapi 5, Tailwind CSS, next-intl, React Hook Form, Zod, Resend, Vercel, Strapi Cloud

Experts Portal — recruiting CRM
• Built an in-house CRM for recruiters to replace Zoho CRM: candidate profile forms, photo and resume attachments,
favorites, comments, and interview scheduling with per-interview timelines.
• Implemented Google OAuth authentication and drag-and-drop interactions.
Tech stack: Next.js, TypeScript, TanStack Query, Zustand, Radix UI, React Hook Form, Zod, Google OAuth, dnd-kit

Company Website — sonomics.com
• Built the company website with multi-language support, a feedback form, and subtle animations.
Tech stack: React, Vite, Tailwind CSS, i18next, Framer Motion, Radix UI

EDUCATION
DonNU 2016 – 2020
Master's degree, Applied Mathematics and Informatics

LANGUAGES
English – Upper-Intermediate | Ukrainian – Native