Układ strony biura podróży

Wykonywałem szeregowanie dla strony internetowej biura podróży jako wykonawca w zespole dewelopera, który odpowiadał za pełną integrację i logikę backendu. Praca była prowadzona bezpośrednio w dostarczonym projekcie z użyciem Astro oraz dodatkowymi wewnętrznymi ustawieniami. Całkowicie dostosowałem się do struktury projektu, przestrzegałem wszystkich zasad kodowania i zbudowałem szeregowanie w postaci gotowych do integracji modułów.

Co zostało zrobione:
1. Komponentowe szeregowanie według sekcji:
- stworzyłem oddzielne moduły dla nagłówka, stopki, typowych bloków i sekcji treści;
- zrealizowałem wersję responsywną dla wszystkich rozdzielczości;
- zbudowałem stronę główną oraz katalog wycieczek z typowych komponentów.
2. Interaktywna mapa z geotagami:
- stworzyłem interaktywną mapę na podstawie statycznego obrazu z dokładnie umiejscowionymi znacznikami;
- zapewniłem prawidłowe skalowanie — znaczniki nie "przesuwały się" na różnych ekranach;
- zrealizowałem otwieranie popupów z informacjami po kliknięciu.
3. Typowe karty wycieczek:
- opracowałem uniwersalny komponent karty z różnymi modyfikatorami;
- przygotowałem system klas do szybkiego rozszerzenia katalogu.
4. Klientskie filtry, gotowe do integracji z backendem:
- zrealizowałem logikę filtrowania w JS (część kliencka);
- przygotowałem strukturę z poprawnymi ID, datasetem i semantyką do bezproblemowego podłączenia backendu;
- stworzyłem niestandardowe suwaki (range sliders) oraz elementy sterujące.

Wynik:
Strona otrzymała czystą, komponentową i skalowalną strukturę frontendową, którą deweloper mógł bez problemu zintegrować z częścią serwerową. Wszystkie interaktywności — mapa, filtry, selekty — działają stabilnie i szybko na każdym urządzeniu.