Shopi Store
E-commerce · Front-end

Shopi Store

RoleDesign + front-end
Year2023
StackReact · Tailwind · CSS

A complete storefront with cart, filtering and product flows.

Context

A self-initiated project to push my front-end skills — specifically REST API consumption, state management, and cart logic in React. No client brief, just a clear personal goal: build something complete, from scratch.

Role

I handled everything — design, architecture, and build. The focus was on wiring different endpoint types (listing, filtering, single product, cart operations) and persisting cart state across sessions.

Process

  • Mapped all the endpoint types I needed to practice: product listing, filtering by category, single product detail, and cart operations — then designed the UI around that data structure.
  • Built a persistent cart using localStorage: items survive page reloads and the state stays in sync with the UI across navigations.
  • Debugged on the go — race conditions, stale state, edge cases in cart logic. No tutorials; just reading docs, isolating the bug, and fixing it.

Outcome

My first complete app persisting state through a real API. The main gain was the fluency I built around async data flows, error handling, and the discipline of finishing a personal project end-to-end.

ReactTailwindCSS