Ecommerce Catalog — Rakamin Task 5 (Vue 2 + Vanilla CSS)

Live Demo: https://icaluwu.github.io/ecommerce-catalog

Repo: https://github.com/icaluwu/ecommerce-catalog

Owner: Teuku Vaickal Rizki Irdian

Requirements Mapping

• Vue 2 + Vanilla CSS ✔
• Fetch GET https://fakestoreapi.com/products/:index on Next Product ✔
• Index cycles 1 → 20 → 1 ✔
• Only persists category "men's clothing" / "women's clothing", else show Unavailable ✔
• Three visual states aligned with Figma palette (Men/Women/Unavailable) ✔
• Asymmetric border-radius 15px 20px 15px 20px on card & image ✔
• Error state + Retry ✔
• Static hosting ready (GitHub Pages/Vercel/Netlify) ✔

Deploy (GitHub Pages)

1. Push to main.
2. Settings → Pages → Deploy from a branch → main / root.
3. Test your URL.