HADAL - interaktywna platforma internetowa do ekspedycji głębinowych

Interaktywny serwis internetowy do zapoznania się z programem badań oceanicznych oraz składania wniosków o nurkowania głębinowe.

Główne zadanie: Wizualizacja warunków fizycznych nurkowania na głębokość do 11 000 metrów za pomocą interaktywnych efektów oraz uproszczenie procesu rejestracji kandydatów na ekspedycje.

Co zostało zrealizowane:
- Interaktywna telemetria głębokości, ciśnienia, temperatury i oświetlenia, która dynamicznie aktualizuje się podczas przewijania.
- Gradientowa zmiana palety kolorów interfejsu od strefy powierzchniowej do głębinowej ciemności za pomocą Tailwind CSS.
- Efekt „morskiego śniegu” (dryfujących mikroskopijnych cząsteczek) oparty na Framer Motion do symulacji nurkowania.
- Blok specyfikacji technicznych głębinowego aparatu DSV Erebus II w formie adaptacyjnej siatki.
- Lista odkrytych głębinowych istot z interaktywnymi mikroanimacjami przy najechaniu kursorem.
- Karty zaplanowanych ekspedycji do rowów Mariańskiego, Tonga i Kermadec z oznaczeniem statusów oraz wolnych miejsc.
- Interaktywna forma do składania wniosków o udział z obsługą zdarzeń i informacją zwrotną.
- Pełna adaptacyjność interfejsu (mobilna wersja telemetrii w pasku statusu, wersja desktopowa — w bocznym panelu).

Technologie: React, TypeScript, TanStack Start, Framer Motion, Tailwind CSS, Radix UI, Lucide React, Bun