SuperPrice — wielki projekt eCommerce (Laravel / Blade / złożony)

Zrealizowałam rozbudowaną część frontendową dużego sklepu internetowego opartego na projekcie Laravel (szablony Blade). Backend i architektura systemu były opracowywane przez innego specjalistę, moja strefa odpowiedzialności — całkowity frontend oraz integracja z już istniejącą logiką serwera.

Projekt to duży hurtowy eCommerce z tysiącami produktów, skomplikowaną strukturą katalogu i wielopoziomową logiką interakcji użytkownika.

Ważne: projekt ma charakter aplikacyjny i jest ukierunkowany na funkcjonalność oraz zadania biznesowe, a nie na wizualny poziom UX.

Laravel (Blade) · Vanilla JS · SASS · AJAX · JSON API responses

Frontend działa przez Blade i współdziała z backendem za pomocą zapytań AJAX, otrzymując zorganizowane odpowiedzi JSON.

Zrealizowane funkcjonalności:
1. Integracje i dane
2. Praca z backend API przez AJAX (otrzymywanie i przetwarzanie odpowiedzi JSON)
3. Integracja z usługami logistycznymi: (Nowa Poczta / Ukrposhta / Meest Express)
4. Dynamiczne wyszukiwanie oddziałów i paczkomatów w czasie rzeczywistym

Katalog i nawigacja:
1. Skomplikowany wielopoziomowy boczny katalog produktów
2. Dynamiczna zmiana struktury katalogu na wersję mobilną (desktop sidebar → mobile drawer)
3. Podładowanie produktów bez przeładowania strony (infinite scroll)

Koszyk i zamówienia:
1. Całkowicie dynamiczny koszyk na JavaScript:
1.1 dodawanie/usuwanie produktów
1.2 zmiana ilości
1.3 przeliczanie kosztów w czasie rzeczywistym
2. Aktualizacja stanu interfejsu bez przeładowania strony
3. Autouzyskiwanie i podstawianie danych przy powtarzających się zamówieniach
4. Automatyczne wypełnianie danych użytkownika w celu przyspieszenia składania zamówienia

UI / interakcja:
1. Skomplikowane slidery z adaptacyjną logiką (inna zachowanie na desktopie i mobile)
2. System popup (produkty, koszyk, formularze zamówienia) bez przejść między stronami
3. Dynamiczna zmiana stanów URL bez pełnego przeładowania (poprawa UX nawigacji)

Cechy architektoniczne:
1. Frontend w pełni zintegrowany w szablonach Blade Laravel
2. Wyraźny podział odpowiedzialności: backend formuje JSON, frontend przetwarza i renderuje dane
3. Budowa skomplikowanej logiki UI bez użycia frameworków frontendowych
4. Optymalizacja pod kątem pracy z dużym katalogiem produktów i dużą ilością interakcji
5. Możliwość skalowania funkcjonalności bez przepisywania architektury