Pasar Sayur dan Buah Online (VegFru)
Selamat datang di proyek Pasar Sayur dan Buah Online! Platform ini dirancang untuk menghubungkan pelanggan dengan vendor terdekat yang menjual buah-buahan dan sayuran segar. Dengan antarmuka yang mudah digunakan, pelanggan dapat mencari vendor di peta, melihat daftar produk, dan melakukan pemesanan dengan aman melalui gateway pembayaran.
Klik di sini untuk melihat alur VegFru
Note: Fully Mobile Responsive
Fitur Aplikasi:
| Fitur Pelanggan | Fitur Vendor - Buat dan Kelola Toko Anda |
|---|---|
| 1. Cari Vendor Terdekat di Peta: - Temukan vendor terdekat dengan mudah menggunakan antarmuka peta interaktif. | 1. Pembuatan Toko: Vendor dapat membuat dan menyesuaikan toko online mereka di dalam platform. Mereka dapat mengatur toko dengan branding, logo, dan informasi toko. |
| 2. Lihat Profil Vendor dan Daftar Produk di Peta: - Akses profil vendor terperinci dan jelajahi daftar produk langsung dalam antarmuka peta. | 2. Manajemen Inventaris: Vendor mengakses dasbor yang kuat untuk manajemen inventaris yang efisien. Mereka dapat menambah, mengedit, atau menghapus daftar produk, memperbarui jumlah, dan menetapkan harga. |
| 3. Melakukan Pemesanan dan Membayar dengan Aman Melalui Stripe: - Melakukan pemesanan produk yang diinginkan dari vendor dengan lancar menggunakan gateway pembayaran Stripe yang kuat dan aman. | 3. Pemrosesan Pesanan: Vendor dapat mengelola pesanan secara efisien, meninjau detail, dan menyiapkan pengiriman langsung dari dasbor. |
| 4. Lacak Pesanan secara Real-time: - Lacak status pesanan, detail, dan pembayaran secara real-time mulai dari konfirmasi hingga pengiriman. | 4. Wawasan: Vendor mendapatkan akses ke pendapatan harian, total pelanggan, dan data pesanan, memberikan wawasan bisnis berharga yang membantu dalam memahami kinerja toko. |
| 5. Konfirmasi Email Setelah Pesanan Berhasil: - Menerima email konfirmasi segera setelah berhasil melakukan pemesanan. |
Teknologi yang Digunakan
Proyek ini dibangun menggunakan teknologi web modern, termasuk:
| Teknologi | Pilihan |
|---|---|
| Bagian depan | ReactJS/BerikutnyaJS |
| Kerangka UI | ChakraUI/Tailwind |
| Bagian belakang | NodeJs/ExpressJS |
| Basis data | MongoDB |
| Kontainerisasi | Buruh pelabuhan |
| Layanan Lokasi | Mapbox API (Pencarian berbasis lokasi, integrasi peta, API Arah, API Jarak) |
| Gerbang Pembayaran | Pembayaran Garis |
| cache | Redis (Untuk mengurangi permintaan DB, mengoptimalkan kinerja, dan mengurangi waktu respons) |
| Pembatasan Nilai | Digunakan untuk mengontrol tingkat permintaan, diimplementasikan sebagai middleware di ExpressJS untuk mencegah permintaan berlebihan dan memastikan stabilitas server |
| Webhook | Digunakan untuk menyimpan rincian pembayaran dalam database |
| Pemberitahuan Email | Dikirim menggunakan server SMTP Gmail dan Nodemailer |
| Akses Token & Segarkan Token | Diimplementasikan dengan pencegat Axios untuk meningkatkan pengalaman pengguna |
Tangkapan Layar Sisi Klien
Tangkapan Layar Sisi Vendor
Kontak
Jika Anda memiliki pertanyaan atau masukan, silakan hubungi saya di [email protected], kunjungi situs web saya: klik di sini Kami ingin mendengar pendapat Anda!
