Schronienie

SHELTER — Platforma wsparcia psychologicznego i rozwoju odporności życiowej
Rola: Starszy programista Full-Stack / Architekt
Typ projektu: Aplikacja internetowa (SaaS / HealthTech)

O projekcie
Shelter — to kompleksowa i zgrywalizowana aplikacja internetowa, stworzona w celu zapewnienia głębokiej psychologicznej samopomocy. Platforma pomaga użytkownikom śledzić swoje zdrowie psychiczne, radzić sobie ze stresem, atakami paniki i wypaleniem dzięki spersonalizowanym praktykom i interaktywnym narzędziom. Projekt zaprojektowano z naciskiem na uspokajający, premium UI/UX oraz wysoką wydajność.

Kluczowa funkcjonalność

Głęboka analiza i pulpit nawigacyjny: Codzienny tracker nastroju, monitorowanie poziomu odporności (Resilience) oraz wizualizacja dynamiki za pomocą interaktywnych wykresów (Recharts).

Grywalizacja postępów (Ogród Odporności): Wykonywanie codziennych zadań i psychologicznych wyzwań przekształca się w punkty, dzięki którym użytkownik "hoduje" wirtualne drzewo. System śledzi serie (streaks) i nagradza regularność.

Inteligentna biblioteka multimedialna (Soundscapes & Materials): Biblioteka artykułów, filmów i praktyk audio. Treści i dźwiękowe krajobrazy (biały, różowy, brązowy szum) automatycznie dostosowują się i sortują do aktualnego stanu emocjonalnego użytkownika.

Interaktywne chat-treningi: Symulacje rzeczywistych rozmów do ćwiczenia trudnych sytuacji życiowych (syndrom oszusta, lęk, wypalenie).

Pomoc awaryjna (Przycisk SOS): Funkcja natychmiastowej pomocy w przypadku ataków paniki, aktywująca interfejs "kwadratowego oddychania" dla szybkiej stabilizacji układu nerwowego.

Dziennik refleksji i system testowania: Narzędzia do prowadzenia osobistych notatek i przeprowadzania diagnostycznych testów psychologicznych.

Wielojęzyczność (i18n): Pełna lokalizacja aplikacji (ukraiński / angielski) w czasie rzeczywistym, w tym tłumaczenie dynamicznych treści z bazy danych.

Stos technologiczny

Frontend: React.js, React Router, Tailwind CSS, Recharts (wykresy), Lucide React, i18next.
Stylizacja & UI: Izolowane moduły CSS i Tailwind do tworzenia responsywnego, nowoczesnego designu (Glassmorphism, mikroanimacje, płynne przejścia).
Architektura: Wykorzystanie wzorców Clean Architecture (Screaming Architecture), SOLID, Dependency Injection, ścisła typizacja i Guard Clauses (wczesny powrót) dla czystości i skalowalności kodu. Rozdzielenie logiki biznesowej i UI.
API & Infrastruktura: Niestandardowa warstwa integracji z RESTful API (asynchroniczne zapytania, przechwytywacze, obsługa błędów).
Osiągnięcia i rozwiązania techniczne
Zaprojektowałem w pełni modułową architekturę frontendu, co umożliwiło łatwe skalowanie aplikacji i dodawanie nowych modułów (questy, czaty, testy) bez refaktoryzacji rdzenia.
Wdrożyłem skomplikowany system lokalizacji (react-i18next), który tłumaczy nie tylko statyczny UI, ale także dynamiczne dane z bazy (np. nazwy questów i historię aktywności).
Opracowałem skomplikowany UI/UX z płynymi animacjami i generowaniem fal dźwiękowych (Web Audio API) w celu stworzenia relaksującej atmosfery, nie obciążając DOM.
Optymalizowałem pracę z stanem i renderowaniem ciężkich wykresów, osiągając maksymalną płynność interfejsu.