CatalogApp — Fullstack E-Commerce Catalog

Full Stack
Web Dev
CatalogApp — Fullstack E-Commerce Catalog

Tech Stack

Vue.js
Nuxt.js
Pinia
Tailwind CSS

Description

CatalogApp adalah aplikasi e-commerce katalog produk fullstack yang dikembangkan menggunakan Nuxt.js dan Vue.js dengan pendekatan Server-Side Rendering (SSR).

Pengguna dapat mencari produk secara instan, memfilter berdasarkan multi-kategori, mengelola keranjang belanja, dan melakukan mock checkout flow untuk simulasi transaksi.

SSR di Nuxt.js memastikan performa SEO yang baik dan waktu muat halaman yang optimal bagi pengguna.

  • Mengembangkan fungsionalitas fullstack e-commerce menggunakan Nuxt.js dan Vue.js dengan Server-Side Rendering (SSR).
  • Membangun fitur pencarian instan dan filter multi-kategori untuk pengalaman belanja yang responsif.
  • Menggunakan Pinia untuk state management dan Tailwind CSS untuk styling yang konsisten.

Page Info

Main Page

Halaman utama yang menampilkan seluruh produk dari list katalog toko

/projects/catalogapp/home.png

Detail Page

Halaman detail produk yang menampilkan informasi detail produk

/projects/catalogapp/detail.png

    Muhammad Irfan Irsyad — AI Engineer & Fullstack Developer