SuperPrice — wielki projekt eCommerce (Laravel / Blade / złożony)
Programowanie stron internetowych 6732 PLN
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
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