02 / Katalog & pemesanan · Web
Sky’s Coffee
Dari menemukan kopi favorit sampai menyelesaikan pesanan.
Eksplorasi pengalaman pelanggan kedai kopi: katalog, detail produk, akun, keranjang, dan checkout simulasi dalam satu aplikasi Java.
01 / KONTEKS
Mengapa proyek ini dibuat
Saya ingin membangun alur e-commerce yang utuh dalam konteks sederhana dan dekat dengan keseharian. Kedai kopi menjadi ruang belajar untuk menyatukan katalog, autentikasi pelanggan, pengelolaan keranjang, dan pencatatan order di sisi server.
Apa yang bisa dilakukan
- Katalog enam kopi dengan pencarian, filter, dan detail produk.
- Registrasi dan login lokal, dengan keranjang terpisah untuk tiap akun.
- Validasi jumlah barang dan perhitungan total berdasarkan katalog server.
- Checkout simulasi, profil pelanggan, dan riwayat order.
Kelebihan
- Alur pelanggan tersambung dari katalog hingga riwayat pesanan.
- Total harga dihitung di server; perubahan keranjang memakai POST dengan CSRF.
- Mode demo terpisah dari layanan eksternal sehingga mudah direproduksi.
Keterbatasan saat ini
- Checkout hanya simulasi; belum memproses pembayaran nyata.
- Email, OAuth, dan integrasi pembayaran lama belum diverifikasi untuk produksi.
- Database demo di memori kembali ke kondisi awal setelah restart.
02 / PROSES
Tantangan & pembelajaran
Selain tampilan, saya mempelajari konsistensi transaksi: memisahkan keranjang setiap pelanggan, menyimpan snapshot order, menghitung harga di server, dan menangani checkout yang dikirim ulang. Penyempurnaan demo juga membantu memisahkan alur inti dari ketergantungan layanan eksternal.
Bukti & status demo
19 tes lulus dan build berhasil. Katalog, akun, keranjang, checkout simulasi, profil, dan riwayat order diperiksa pada demo lokal. Screenshot merupakan output aplikasi dengan akun serta transaksi fiktif.
03 / DOKUMENTASI
Melihat aplikasinya
Arah pengembangan
Menghubungkan payment gateway dalam sandbox, memverifikasi notifikasi pembayaran, dan menyiapkan database persisten untuk deployment.
Kontribusi & proses +
Proyek awal saya kembangkan secara mandiri, dari logika aplikasi hingga antarmuka. Penyempurnaan terbaru, pengujian, dan persiapan demo portofolio dibantu Codex. Data pada dokumentasi adalah data contoh.