Притулок

SHELTER — Платформа психологічної підтримки та розвитку життєстійкості
Роль: Старший Full-Stack Розробник / Архітектор
Тип проекту: Веб-додаток (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.
Оптимізував роботу з станом та рендерингом важких графіків, досягнувши максимальної плавності інтерфейсу.