fullstack e-commerce-web-app unggulan

Fullstack E-Commerce dengan AI Assistant & Internal Logistics

Aplikasi e-commerce end-to-end berbasis framework SvelteKit, Supabase, Midtrans, dan Biteship dengan chat customer-admin, complaint handling, COD eligibility, personalization, serta AI shopping assistant yang di-ground ke katalog produk. ๐Ÿš€ Kini sudah tersedia untuk aplikasi Android!

fullstack โ”‚ langsung ยท treecoffee.amazthegreatape.fun ยท ai-assistantยท biteshipยท cod-logicยท e-commerce
Screenshot From 2026-08-21 16-50-36
AI Assistant Biteship COD Logic E-Commerce Midtrans Realtime Chat Supabase SvelteKit

Platform e-commerce full-stack berbahasa Indonesia yang dibangun di atas SvelteKit dan Supabase, melayani tiga jenis pengguna sekaligus โ€” pelanggan, admin toko, dan staf pengiriman โ€” lengkap dengan asisten belanja AI, pembayaran Midtrans, pengiriman Biteship, PWA, dan aplikasi Android native.

๐Ÿ“ฑ Aplikasi Android Tersedia

Versi build Android terbaru dapat langsung dipasang melalui Expo:

๐Ÿ‘‰ Unduh & Pasang Aplikasi Tree Coffee di Expo

Sorotan

  • Pencarian produk hybrid, bukan sekadar LIKE โ€” full-text BM25 dipadukan dengan vector embedding, perluasan kueri HyDE, dan tahap reranking opsional (Voyage AI atau Cohere). Relevansi disusun dari beberapa sinyal sekaligus, dan itulah yang membuat kueri dua kata dalam bahasa Indonesia tetap mengembalikan SKU yang tepat.
  • Microservice pencarian khusus berbahasa Go โ€” pencarian dipindahkan keluar dari aplikasi ke GO-toko-online, layanan Fiber yang menyimpan snapshot read-only produk aktif di RAM di balik atomic.Pointer, sehingga kueri dijawab tanpa satu pun kunjungan ke basis data.
  • Asisten AI dengan tool-use, bukan FAQ kalengan โ€” mode fast dan expert di atas OpenAI SDK, mampu memanggil tool, mencari di web, menyertakan rujukan, dan merekomendasikan produk dari keadaan katalog terkini.
  • COD dijaga langkah verifikasi yang nyata โ€” kelayakan bayar-di-tempat ditentukan per wilayah dan dikonfirmasi lewat OTP WhatsApp melalui Fonnte, sehingga metode pembayaran paling berisiko justru yang paling ketat pemeriksaan identitasnya.
  • Tiga portal terpisah di atas satu basis data โ€” pelanggan, admin, dan staf logistik masing-masing punya permukaannya sendiri, dengan autentikasi berbasis peran dan penonaktifan real-time: pemblokiran akun berlaku saat sesi masih terbuka, bukan menunggu login berikutnya.
  • Pengiriman yang mencerminkan kenyataan โ€” integrasi Biteship mencakup JNE, J&T, SiCepat, dan Anteraja beserta pelacakan langsung, berdampingan dengan zona kurir internal untuk wilayah yang harganya tidak masuk akal di agregator.

Fitur Utama

  1. Katalog dan checkout โ€” penelusuran per kategori, halaman detail produk dengan ulasan, keranjang yang disimpan di localStorage, dan alur checkout terlindungi lewat Midtrans Snap yang mencakup kartu, VA bank, e-wallet, QRIS, dan COD.
  2. Ulasan, reaksi, dan flash sale โ€” penilaian dengan balasan dan suka, plus kampanye flash sale terjadwal dengan gulir horizontal yang mulus di perangkat mobile.
  3. Live chat โ€” percakapan pelanggan ke admin lewat Supabase Realtime, dengan kotak masuk admin, balasan cepat, dan penugasan staf.
  4. CMS admin โ€” metrik dasbor, CRUD produk dengan varian, stok, dan teks kaya Tiptap, pengelolaan kategori dan banner, halaman konten, kustomisasi tema, pelacakan komplain, serta analitik pendapatan.
  5. Portal logistik โ€” login terpisah di /auth/logistics-login tempat staf pengiriman melihat pesanan siap kirim, memperbarui status pengiriman, dan menyinkronkan pelacakan lewat Biteship.
  6. PWA sekaligus Android native โ€” tambah-ke-layar-utama di iOS dan APK yang bisa dipasang di Android, dengan aplikasi yang mengenali ketika dirinya berjalan di dalam cangkang native.

Tech Stack

  • SvelteKit 2.50 + Svelte 5 (runes), TypeScript 5.9
  • Tailwind CSS 4.1 + Skeleton UI 4.12
  • Supabase โ€” Postgres, Auth (email + OTP, berbasis peran), Realtime, Storage
  • Midtrans Snap (pembayaran) + Biteship (pengiriman)
  • OpenAI SDK 6.22 โ€” gpt-4o, gpt-4o-mini, text-embedding-3-*
  • Voyage AI / Cohere (reranker opsional)
  • Fonnte (OTP WhatsApp)
  • Tiptap 3.23 + sanitize-html 2.17
  • React Native + Expo (klien Android native)
  • Vercel (target utama), dengan adapter Docker / Node tetap dijaga berfungsi

Status & Kematangan

Aktif, dan merupakan project terbesar di katalog ini baik dari sisi jumlah commit maupun baris kode. Repositori web dan klien Android diversikan terpisah, itulah sebabnya metrik di bawah dilaporkan dalam dua kolom, bukan dijumlahkan. Belum ada suite test otomatis di kedua sisi โ€” verifikasi dilakukan manual terhadap project Supabase yang hidup, dan itu adalah celah paling jelas di project ini, bukan hal yang perlu diperhalus.

Metrik Terukur

Repo Web Aplikasi Android
Commit 220 52
Rentang Tanggal 15 Feb 2026 โ€“ 6 Agu 2026 26 Jun 2026 โ€“ 4 Agu 2026
Baris kode 88.519 33.165
Test otomatis tidak ada tidak ada
diperbarui 29 Aug 2026