01
Задача
Заказчику нужны были три приложения вокруг одного продукта: сайт для клиентов, веб-приложение для повседневной работы пользователей и админ-панель для сотрудников. Все три работают с одним GraphQL-API и переводятся на несколько языков.
Кейс 02КоммерческийFrontend2024 — 2026
Сайт, веб-приложение и админка для заказчика
Работал над тремя фронтендами одного продукта: публичным сайтом, веб-приложением для пользователей и админ-панелью для сотрудников. Проект под NDA, поэтому без названий, кода и скриншотов.
- Роль
- Frontend
- Период
- 2024 — 2026
- Команда
- Frontend-разработчик в команде
- Стек
- TypeScript, React, Next.js, GraphQL, MobX, io-ts, i18next
02
Решение
Во всех трёх проектах общий подход: типы запросов генерируются из GraphQL-схемы, ответы сервера дополнительно проверяются во время работы, а состояние страниц хранится в MobX. Поэтому между проектами легко переключаться.
- /01
Таблицы и списки для сотрудников
Таблицы с фильтрами и сортировкой, перетаскивание элементов мышкой, обновления в реальном времени через GraphQL-подписки.
- /02
Редактор текста
Визуальный редактор для описаний и статей: форматирование, ссылки и картинки — без ручной разметки.
- /03
Документы и графики
PDF-документы собираются прямо в браузере, а данные для отчётов показываются на графиках.
03
Результат
Опыт работы в большом продукте вместе с командой: три приложения, общий API и общие правила кода.
3приложения в одном продукте