Shelter

SHELTER — Платформа психологической поддержки и развития жизнестойкости
Роль: Senior Full-Stack Разработчик / Архитектор
Тип проекта: Web Application (SaaS / HealthTech)

О проекте
Shelter — это комплексное и геймифицированное веб-приложение, созданное для оказания глубокой психологической самопомощи. Платформа помогает пользователям отслеживать свое ментальное здоровье, справляться со стрессом, паническими атаками и выгоранием с помощью персонализированных практик и интерактивных инструментов. Проект спроектирован с упором на успокаивающий, премиальный UI/UX и высокую производительность.

Ключевой функционал

Глубокая аналитика и дашборд: Ежедневный трекер настроения, мониторинг уровня жизнестойкости (Resilience) и визуализация динамики с помощью интерактивных графиков (Recharts).

Геймификация прогресса (Сад Жизнестойкости): Выполнение ежедневных квестов и психологических заданий конвертируется в баллы, благодаря которым пользователь «выращивает» виртуальное дерево. Система отслеживает серии (streaks) и поощряет регулярность.

Умная медиатека (Soundscapes & Materials): Библиотека статей, видео и аудио-практик. Контент и звуковые ландшафты (белый, розовый, коричневый шум) автоматически адаптируются и сортируются под текущее эмоциональное состояние пользователя.

Интерактивные чат-тренажеры: Симуляции реальных разговоров для отработки сложных жизненных ситуаций (синдром самозванца, тревожность, выгорание).

Экстренная помощь (SOS Button): Функция мгновенной помощи при панических атаках, активирующая интерфейс «квадратного дыхания» для быстрой стабилизации нервной системы.

Дневник рефлексии и система тестирования: Инструменты для ведения личных записей и прохождения диагностических психологических тестов.

Мультиязычность (i18n): Полная локализация приложения (Украинский / Английский) на лету, включая перевод динамического контента из базы данных.




Технологический стек

Frontend: React.js, React Router, Tailwind CSS, Recharts (графики), Lucide React, i18next.
Стилизация & UI: Изолированные CSS-модули и Tailwind для создания отзывчивого, современного дизайна (Glassmorphism, микроанимации, плавные переходы).
Архитектура: Использование паттернов Clean Architecture (Screaming Architecture), SOLID, Dependency Injection, строгая типизация и Guard Clauses (ранний возврат) для чистоты и масштабируемости кода. Разделение бизнес-логики и UI.
API & Инфраструктура: Кастомный слой интеграции с RESTful API (асинхронные запросы, перехватчики, обработка ошибок).
Достижения и технические решения
Спроектировал полностью модульную архитектуру фронтенда, что позволило легко масштабировать приложение и добавлять новые модули (квесты, чаты, тесты) без рефакторинга ядра.
Внедрил сложную систему локализации (react-i18next), которая переводит не только статический UI, но и динамические данные из базы (например, названия квестов и историю активности).
Разработал сложный UI/UX с плавными анимациями и генерацией звуковых волн (Web Audio API) для создания расслабляющей атмосферы, не перегружая DOM.
Оптимизировал работу с состоянием и рендерингом тяжелых графиков, добившись максимальной плавности интерфейса.