Макагонов Сергей Александрович

Мы разрабатываем SPA-приложение на React + TypeScript в монорепозитории. ### Основные технологии * React * TypeScript * React Router * Vite * Tailwind CSS * Shadcn/UI + Radix UI ### Работа с данными * Supabase * REST API * GraphQL (частично) * Apollo Client ### Формы и валидация * React Hook Form * Zod ### UI и UX * TanStack Table * Recharts * Motion (Framer Motion) * Sonner * Cmdk * Vaul ### Дополнительные инструменты * DnD Kit (drag drop) * XLSX / FileSaver (экспорт данных) * Day.js / date-fns ### Что предстоит делать * Разрабатывать и поддерживать SPA на React + TypeScript * Создавать новые интерфейсы и бизнес-функции * Интегрироваться с REST и GraphQL API * Работать с формами, таблицами и сложными пользовательскими сценариями * Участвовать в развитии дизайн-системы на базе Shadcn/UI и Radix UI * Проводить рефакторинг и перенос функциональности из существующего продукта в новую архитектуру ### Что ожидаем от кандидата * Уверенное знание React и TypeScript * Опыт работы с современным frontend-стеком * Понимание SPA-архитектуры * Опыт интеграции с backend API * Навыки написания поддерживаемого и типобезопасного кода Первые 2-3 недели работы будут выделены в проектный режим для закладки фундамента платформы. Кандидату предстоит выполнить две ключевые инженерные задачи: Фаза 1: Vibe Engineering Интерактивный прототип Цель: Собрать бесшовный workflow для быстрой разработки (Vibe Coding) и создать полностью интерактивный UI на мок-данных. Стек: React, Vite, Tailwind, [Superpowers] + [gstak] + [gsd]. Настройка методологии: Внедрить практики Vibe Engineering с использованием связки фреймворков Superpowers (инженерная дисциплина), GSD (контекстная инженерия) и Gstack (ролевая модель) . Настроить полный цикл TDD (Red-Green-Refactor): автоматизация проверки типов, линтинга и тестов перед каждым коммитом через Husky и lint-staged . Разработка функционала: Создать маршрутизацию (React Router) и Layout-ы приложения. Разработать ключевые интерфейсы, полностью завязанные на мок-данные (MSW или локальный стор), чтобы обеспечить возможность презентации заказчику без ожидания бэка. Реализовать таблицы (TanStack Table) и формы (React Hook Form + Zod). Фаза 2: Интеграция с реальным API (Supabase) Цель: «Раскатить» готовый UI на реальную backend-инфраструктуру. Условие: Работа начинается только после утверждения Фазы 1. Миграция данных: Заменить мок-данные на реальные запросы к Supabase (через @supabase/supabase-js). Аутентификация (RBAC): Внедрить регистрацию, логин и систему ролей (пользователь/админ), настроить защиту роутов . Реальный рантайм: Адаптировать генерацию типов под схемы БД Supabase для полной типобезопасности.