SuperPrice — великий eCommerce проєкт (Laravel / Blade / складни

Реалізувала масштабну фронтенд-частину великого інтернет-магазину на базі Laravel-проєкту (Blade-шаблони). Backend та архітектура системи розроблялись іншим спеціалістом, моя зона відповідальності — повністю frontend та інтеграція з уже існуючою серверною логікою.

Проєкт — це великий оптовий eCommerce з тисячами товарів, складною структурою каталогу та багаторівневою логікою взаємодії користувача.

Важливо: дизайн проєкту має прикладний характер і орієнтований на функціональність та бізнес-задачі, а не на візуальний UX-рівень.

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

Frontend працює через Blade та взаємодіє з бекендом через AJAX-запити з отриманням структурованих JSON-відповідей.

Реалізований функціонал:
1. Інтеграції та дані
2. Робота з backend API через AJAX (отримання та обробка JSON-відповідей)
3. Інтеграція з логістичними сервісами: (Нова Пошта / Укрпошта / Meest Express)
4. Динамічний пошук відділень та поштоматів у реальному часі

Каталог і навігація:
1. Складний багаторівневий бічний каталог товарів
2. Динамічна зміна структури каталогу під мобільну версію (desktop sidebar → mobile drawer)
3. Підвантаження товарів без перезавантаження сторінки (infinite scroll)

Кошик і замовлення
1. Повністю динамічний кошик на JavaScript:
1.1 додавання/видалення товарів
1.2 зміна кількості
1.3 перерахунок вартості в реальному часі
2. Оновлення стану інтерфейсу без перезавантаження сторінки
3. Автозбереження та підстановка даних при повторних замовленнях
4. Автоматичне заповнення даних користувача для пришвидшення оформлення

UI / взаємодія:
1. Складні слайдери з адаптивною логікою (різна поведінка на desktop і mobile)
2. Попап-система (товари, кошик, форми оформлення) без переходів між сторінками
3. Динамічна зміна URL-станів без повного перезавантаження (UX-покращення навігації)

Архітектурні особливості:
1. Frontend повністю інтегрований у Blade-шаблони Laravel
2. Чітке розділення відповідальності: backend формує JSON, frontend обробляє і рендерить дані
3. Побудова складної UI-логіки без використання frontend-фреймворків
4. Оптимізація під роботу з великим каталогом товарів і високою кількістю взаємодій
5. Можливість масштабування функціоналу без переписування архітектури