Skip to content
← back to projects

// ~/project

Full-Stack E-Commerce Platform

Built a shop to learn boring checkout state without breaking it. Stack: Angular, Hasura GraphQL, TypeScript.

Angular / Hasura GraphQL / TailwindCSS / PrimeNG / TypeScript

github / live

Screenshots [10]
  • Shoply homepage with hero section, featured products, and latest drops carousel
  • Products page with search, category filters, and price range slider
  • Categories page with browsable product category grid
  • Product detail page with specs, pricing, and add to cart
  • Empty wishlist state with prompt to browse products
  • Wishlist with saved items and quick add to cart
  • Shopping cart with line items, quantities, and order summary
  • Checkout shipping step with delivery address form
  • Checkout order overview with items and totals before payment
  • Checkout payment step with billing details and card form