10 / 13·E-COMMERCE

Bacola

Date 11/2021

Role frontend

Stack Angular 16 / TypeScript / NgRx / NgZorro

Metric ~180kb Bundle

Bacola — Grocery shopping center

01 — Context

Bacola was developed as an e-commerce showcase for Angular 16. The ambition was to recreate the experience of a premium online store, focusing on MVVM architecture and reactive state management with NgRx.

02 — Challenges

The technical challenge was managing the global state of an e-commerce application (cart, preferences, currencies) without impacting performance. Using NgRx allowed centralizing this logic but required particular attention to the OnPush strategy to avoid unnecessary re-renders. The MVVM architecture also demanded strict separation between business logic and presentation.

Gallery — Bacola

Product catalog

Product details

Cart

Wishlist

Order confirmed

Back to Portfolio

Previous Next