Нет разрешения показывать скриншоты
- Survey/
- surveys-page · survey-page · survey-summary-card
- survey-question-page · survey-question-breadcrumbs
- survey-dialog · question-actions · survey-layout
- survey-question.logic.ts
- controls/
- RadioQuestionControl
- TextQuestionControl
- RangeQuestionControl
- DistributionQuestionControl
- SurveyApi/
- api.ts — RTK Query: surveys, question, save, autosave
- api-mocks.ts — MSW handlers
- fingerprint.ts · types.ts
Личный кабинет грантовой программы: модуль опросов
Закрытый личный кабинет грантовой программы. Участники проходят многошаговые экспертные опросы, ответы сохраняются по ходу заполнения.
Моя роль: Сделал с нуля модуль опросов в React-приложении команды: страницы, контролы вопросов, слой API и моки; плюс доработки дашборда и мероприятий.
- Четыре типа вопросов как переиспользуемые контролы: выбор варианта, текст, шкала-слайдер с подсказками и распределение баллов с живым счётчиком «осталось баллов»
- Список опросов, страница опроса с карточками-итогами, страница вопроса с хлебными крошками, навигацией по шагам и диалогом — логика вынесена в отдельный survey-question.logic.ts
- API на RTK Query (createApi) с сохранением и автосохранением ответа; MSW-моки для всех эндпоинтов, чтобы интерфейс делался до готовности бэкенда
- Доступ без авторизации по отпечатку браузера (FingerprintJS с ленивой загрузкой и запасным UUID); запрет копирования и вставки в ответах
- Дашборд: карточка соцсетей, вкладки навигации по мероприятиям
