SuperPrice — a large eCommerce project (Laravel / Blade / complex)
Implemented a large-scale frontend part of a big online store based on a Laravel project (Blade templates). The backend and system architecture were developed by another specialist; my area of responsibility is the complete frontend and integration with the already existing server logic.
The project is a large wholesale eCommerce with thousands of products, a complex catalog structure, and multi-level user interaction logic.
Important: the project design is application-oriented and focused on functionality and business tasks, rather than on visual UX level.
Laravel (Blade) · Vanilla JS · SASS · AJAX · JSON API responses
The frontend operates through Blade and interacts with the backend via AJAX requests, receiving structured JSON responses.
Implemented functionality:
1. Integrations and data
2. Working with backend API via AJAX (receiving and processing JSON responses)
3. Integration with logistics services: (Nova Poshta / Ukrposhta / Meest Express)
4. Dynamic search for branches and parcel lockers in real-time
Catalog and navigation:
1. Complex multi-level side catalog of products
2. Dynamic change of catalog structure for mobile version (desktop sidebar → mobile drawer)
3. Loading products without reloading the page (infinite scroll)
Cart and orders:
1. Fully dynamic cart in JavaScript:
1.1 adding/removing products
1.2 changing quantity
1.3 recalculating cost in real-time
2. Updating interface state without reloading the page
3. Auto-saving and autofilling data for repeat orders
4. Automatic filling of user data to speed up the checkout process
UI / interaction:
1. Complex sliders with adaptive logic (different behavior on desktop and mobile)
2. Popup system (products, cart, order forms) without page transitions
3. Dynamic change of URL states without full reload (UX improvement of navigation)
Architectural features:
1. Frontend fully integrated into Laravel Blade templates
2. Clear separation of responsibilities: backend generates JSON, frontend processes and renders data
3. Building complex UI logic without using frontend frameworks
4. Optimization for working with a large product catalog and a high number of interactions
5. Ability to scale functionality without rewriting the architecture
The project is a large wholesale eCommerce with thousands of products, a complex catalog structure, and multi-level user interaction logic.
Important: the project design is application-oriented and focused on functionality and business tasks, rather than on visual UX level.
Laravel (Blade) · Vanilla JS · SASS · AJAX · JSON API responses
The frontend operates through Blade and interacts with the backend via AJAX requests, receiving structured JSON responses.
Implemented functionality:
1. Integrations and data
2. Working with backend API via AJAX (receiving and processing JSON responses)
3. Integration with logistics services: (Nova Poshta / Ukrposhta / Meest Express)
4. Dynamic search for branches and parcel lockers in real-time
Catalog and navigation:
1. Complex multi-level side catalog of products
2. Dynamic change of catalog structure for mobile version (desktop sidebar → mobile drawer)
3. Loading products without reloading the page (infinite scroll)
Cart and orders:
1. Fully dynamic cart in JavaScript:
1.1 adding/removing products
1.2 changing quantity
1.3 recalculating cost in real-time
2. Updating interface state without reloading the page
3. Auto-saving and autofilling data for repeat orders
4. Automatic filling of user data to speed up the checkout process
UI / interaction:
1. Complex sliders with adaptive logic (different behavior on desktop and mobile)
2. Popup system (products, cart, order forms) without page transitions
3. Dynamic change of URL states without full reload (UX improvement of navigation)
Architectural features:
1. Frontend fully integrated into Laravel Blade templates
2. Clear separation of responsibilities: backend generates JSON, frontend processes and renders data
3. Building complex UI logic without using frontend frameworks
4. Optimization for working with a large product catalog and a high number of interactions
5. Ability to scale functionality without rewriting the architecture