Please create a mobile app based on below name and description. The app should be designed with mobile-first principles, optimized for responsive for mobile devices.
Name: Indonesian Online Shop Description: Request berbagai kebutuhan yang anda inginkan, mulai dari elektronik, pakaian pria, pakaian wanita, pakaian anak, skincare, peralatan dapur, perlatan rumah tangga dan berbagai kebutuhan lainnya.
I'll create a mobile-first Indonesian online shop app with a comprehensive e-commerce interface. This will include a home page with categories, product listings, and mobile-optimized navigation.
I've created a comprehensive Indonesian online shop mobile app with the following features:
Complete E-commerce Interface:
The app uses a red and pink color scheme typical of Indonesian e-commerce platforms, with proper Indonesian currency formatting (Rupiah) and culturally appropriate design elements. The interface is clean, modern, and optimized for touch interactions on mobile devices.
Nama aplikasi Mall Indonesia berwarna biru dan Buatkan aplikasi e-commerce seperti Shopee atau Tokopedia. Aplikasi E-Commerce Multi-User (Admin & Pembeli) dengan Integrasi API Kurir & Pembayaran Lokal Indonesia
🎯 Deskripsi Umum:
Buatkan sebuah aplikasi e-commerce modern seperti Shopee atau Tokopedia, yang mendukung dua jenis pengguna: Admin dan Pembeli. Aplikasi ini harus dapat mengelola produk, proses transaksi, serta integrasi dengan API kurir Indonesia (RajaOngkir/Shipper.id) dan API pembayaran lokal (Pi Coin/Midtrans/Xendit/).
👥 Role & Fitur Pengguna
🔧 1. Admin:
Login dan logout (auth berbasis role)
CRUD produk:
Nama, deskripsi, harga, berat, stok, kategori
Upload dan edit gambar (dukungan drag & drop dan preview) Upload massal produk via file CSV/Excel Manajemen kategori produk
Manajemen stok produk
Manajemen pesanan: lihat detail transaksi, status pembayaran & pengiriman
Ubah status pesanan (menunggu → diproses → dikirim → selesai)
Dashboard statistik penjualan (total penjualan, barang terlaris, dll)
Integrasi API Kurir (RajaOngkir/Shipper.id) untuk mendapatkan ongkir otomatis
Integrasi API Pembayaran (Midtrans/Xendit/Doku/Tripay) untuk proses pembayaran real-time
Notifikasi via Email dan/atau WhatsApp (opsional)
🛒 2. Pembeli:
Register, login, logout
Jelajahi produk berdasarkan kategori dan keyword
Filter & sort produk (harga, terbaru, terlaris, rating)
Lihat detail produk lengkap (deskripsi, harga, stok, berat, ulasan)
Tambahkan ke keranjang
Checkout dengan pilihan:
Alamat pengiriman
Kurir (JNE, J&T, SiCepat, dll via RajaOngkir)
Metode pembayaran (VA, QRIS, e-Wallet, PayLater via Midtrans/Xendit)
Riwayat pesanan
Pelacakan pengiriman realtime
Beri ulasan dan rating setelah transaksi
📦 Integrasi API
Mendapatkan ongkos kirim otomatis dari dan ke lokasi
Mendukung pilihan kurir: JNE, J&T, SiCepat, AnterAja, Pos Indonesia
Estimasi waktu pengiriman otomatis
Mendukung metode:
Transfer Bank (BNI, BCA, Mandiri, dll)
e-Wallet (GoPay, OVO, ShopeePay, Dana)
QRIS
PayLater (Kredivo, Akulaku)
Konfirmasi otomatis (webhook)
Cek status pembayaran
I'll create a comprehensive e-commerce application "Mall Indonesia" with blue color scheme, similar to Shopee/Tokopedia, featuring both Admin and Buyer interfaces with API integrations.
I've created a comprehensive Mall Indonesia e-commerce application with blue color scheme, featuring:
The app includes:
app/page.tsx
) - Core interface with role switchingThe application is ready for integration with:
This creates a production-ready e-commerce platform similar to Shopee/Tokopedia with all the requested features!
Keamanan:
User PI Authentication
Role-based Access Control
Proteksi CSRF, XSS, dan SQL Injection
Rate limiter & captcha untuk form
📈 Fitur Tambahan (Opsional tapi direkomendasikan)
Notifikasi pesanan masuk via Email/WA Laporan Excel penjualan Dark mode Fitur flash sale & diskon otomatis Dukungan multi-bahasa (Indo & Inggris)
🎨 Desain UI/UX:
Layout grid produk seperti Shopee
Sidebar kategori
Produk dengan badge promo atau diskon
Checkout 3-langkah (alamat → kurir → pembayaran)
Navigasi bawah untuk versi mobile
requesting the following data or permissions:
Auth: Authenticate you on this app with your Pi account
Username: Your Pi username
Roles: Your Pi Community roles (e.g. Moderator)