Switch to English?
Yes
Переключитись на українську?
Так
Переключиться на русскую?
Да
Przełączyć się na polską?
Tak

HADAL - інтерактивна веб-платформа для глибоководних експедицій

Інтерактивний веб-сайт для ознайомлення з програмою цивільних океанічних досліджень та подання заявок на глибоководні занурення.

Основна задача: Візуалізація фізичних умов занурення на глибину до 11 000 метрів за допомогою інтерактивних ефектів та спрощення процесу реєстрації кандидатів на експедиції.

Що реалізовано:
- Інтерактивна телеметрія глибини, тиску, температури та освітленості, що динамічно оновлюється під час скролінгу.
- Градієнтна зміна колірної гами інтерфейсу від поверхневої зони до глибоководної темряви за допомогою Tailwind CSS.
- Ефект «морського снігу» (дрейфуючих мікрочасток) на базі Framer Motion для імітації занурення.
- Блок технічних характеристик глибоководного апарата DSV Erebus II у вигляді адаптивної сітки.
- Перелік виявлених глибоководних істот з інтерактивними мікроанімаціями при наведенні курсору.
- Картки запланованих експедицій у Маріанський, Тонга та Кермадекський жолоби з індикацією статусів та вільних місць.
- Інтерактивна форма для надсилання заявок на участь із обробником подій та зворотним зв'язком.
- Повна адаптивність інтерфейсу (мобільна версія телеметрії у статус-барі, десктопна — у бічній панелі).

Технології: React, TypeScript, TanStack Start, Framer Motion, Tailwind CSS, Radix UI, Lucide React, Bun
Деталі роботи
Додано 30 червня
1 перегляд
Фрилансер
Dmytro V.
Україна Львів  3  0

Вільний для роботи Вільний для роботи
3 Сейфи завершені
На сервісі 2 місяці 2 дні