Back to work
Full Stack · 2024
Fontipsums E-commerce
A scalable storefront with product discovery, cart, checkout UI and account flows. Built for clarity, speed and conversion.
Role · Frontend Developer/Year · 2024/
JavaScriptReactNext.jsTailwind CSS
Why I built this
Prove end-to-end product thinking: how shoppers discover, decide and complete checkout with confidence, not just pretty screens.
Highlights
- Clarity over decoration
- Component-driven storefront architecture
- Mobile-first browsing
Challenge
E-commerce UIs get noisy fast. The work was keeping discovery clear while supporting cart state, filters and accounts without slowing the experience.
Solution
Reusable product cards, a predictable cart model and mobile-first layouts. Next.js handled routing and rendering. React isolated interactive pieces.
Features
- · Product listing and search
- · Shopping cart flow
- · Secure checkout UI
- · User account sections
- · Responsive storefront layout
Components used
ProductCardCartDrawerSearchBarFilterChipsCheckoutFormAccountPanelButton / Badge primitives
Fonts used
- · Inter (UI)
- · System sans fallback
More case studies