E-COMMERCE ARC — 2026 | Haru Li

DETAIL

The problem

Working with one other frontend engineer, a single codebase had to carry product browsing, the cart flow, a member center (orders / favorites / profile), dealer lookup, FAQ and contact forms — while product content still needed to be indexable by search engines.

Approach

Built with Vue 3 Composition API + Quasar Framework + TypeScript, with Pinia for state and Vue Router for routing. Full responsive design across mobile, tablet and desktop, an Axios-wrapped API layer, and reCAPTCHA on forms. Rendering runs on SSR so product pages arrive with content in the first response.

Outcome

Supports all major browsers and passes W3C validation.

TECH STACK //

Vue 3QuasarTypeScriptPiniaVue RouterAxiosSCSSreCAPTCHASSR