Задача:
Создать удобную и безопасную платформу для онлайн-консультаций с психологами. Клиенту требовалось:
- Интеллектуальный подбор специалистов под запрос пользователя.
- Полная конфиденциальность (анонимность, защита данных).
- Удобный личный кабинет для видеосессий.
- Адаптивный интерфейс для всех устройств.
Моя роль:
- Единственный фронтенд-разработчик (полный цикл: от проектирования до деплоя).
- Тесная работа с дизайнером (Figma → React) и бекенд-разработчиком (интеграция API).
Решение:
Архитектура:
SPA на React + TypeScript (строгая типизация, минимизация багов).
Роутинг (React Router), управление состоянием (Redux Toolkit).
Ключевые модули:
Подбор психолога: Анкета с алгоритмом рекомендаций (фильтры по специализациям, рейтингу).
Личный кабинет: Календарь сессий, чат, видеозвонки (WebRTC).
Безопасность: JWT-аутентификация, шифрование личных данных.
Оптимизация:
Ленивая загрузка (lazy loading) для ускорения старта приложения.
Мемоизация компонентов (React.memo) для плавного UI.
Инструменты:
GitLab CI/CD для автоматического деплоя.
Docker (контейнеризация бекенда).
Результат:
✅ Рабочий продукт: Платформа запущена и используется клиентами (dotherapy.ru).
✅ Производительность: Время загрузки страниц — менее 1.5 сек (Google PageSpeed).
✅ Конверсия: 30% пользователей, начавших подбор, дошли до оплаты сессии.
✅ Масштабируемость: Архитектура позволяет легко добавлять новые фичи (например, групповые терапии).