Frontend Developer (React + TypeScript)

Мы разрабатываем 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 для полной типобезопасности.

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

• TypeScript
• React

Задайте вопрос работодателю

Он получит его с откликом на вакансию Где располагается место работы? Какой график работы? Вакансия открыта? Какая оплата труда? Как с вами связаться? Другой вопрос

Где предстоит работать

Москва, Красные ворота, Сретенский бульвар, Чистые пруды, Чистопрудный бульвар, 9с1 Показать на большой карте