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

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

Проект — это большой оптовый eCommerce с тысячами товаров, сложной структурой каталога и многоуровневой логикой взаимодействия пользователя.

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

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

Фронтенд работает через 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. Фронтенд полностью интегрирован в Blade-шаблоны Laravel
2. Четкое разделение ответственности: бэкенд формирует JSON, фронтенд обрабатывает и рендерит данные
3. Построение сложной UI-логики без использования фронтенд-фреймворков
4. Оптимизация под работу с большим каталогом товаров и высоким количеством взаимодействий
5. Возможность масштабирования функционала без переписывания архитектуры