All Projects

January 1, 2023

Go Mart

Go Mart adalah upaya membuat marketplace peer-to-peer untuk siswa SMK agar dapat menjual barang bekas atau produksi sendiri di lingkungan sekolah.

Dalam proyek ini, saya mengerjakan seluruh bagian front-end awal untuk MVP: desain UI/UX landing, halaman katalog produk, dan alur listing produk dari sisi penjual (form & validasi). Karena prioritas berubah, pengembangan selanjutnya dihentikan—kontribusi saya tetap berfungsi sebagai prototipe fungsional.

Go Mart
Next.jsAnt DesignAxiosProgressive Enhancement

Role

Frontend Developer

Duration

1 Day

Team

Solo

Project Gallery

Swipe or hover to explore

Project Overview

Go Mart adalah upaya membuat marketplace peer-to-peer untuk siswa SMK agar dapat menjual barang bekas atau produksi sendiri di lingkungan sekolah.

Dalam proyek ini, saya mengerjakan seluruh bagian front-end awal untuk MVP: desain UI/UX landing, halaman katalog produk, dan alur listing produk dari sisi penjual (form & validasi). Karena prioritas berubah, pengembangan selanjutnya dihentikan—kontribusi saya tetap berfungsi sebagai prototipe fungsional.

Problem

Belum ada platform internal yang memudahkan siswa SMK menjual barang kepada komunitas sekolah secara terstruktur; transaksi masih dikoordinasikan lewat pesan.

Goal

Mengekspos prototipe marketplace yang memungkinkan listing cepat, pencarian sederhana, dan alur transaksi dasar sebagai dasar evaluasi pengguna.

Solution

Membangun UI/UX inti untuk MVP: katalog produk, halaman detail, form listing, dan pencarian client-side. Menyusun komponen agar mudah diperluas bila backend siap.

Project Status

Proyek dihentikan sementara karena prioritas lain; namun MVP front-end berfungsi sebagai prototype yang siap dikembangkan lebih lanjut.

Core Contributions

  • UI katalog & kartu produk responsif
  • Form listing produk dengan image preview dan validasi
  • Client-side search & pagination
  • State persistence (drafts) via localStorage

Architecture

Modular React components (Next.js) + service layer via axios untuk memudahkan integrasi backend di masa depan.