Solusi Aman Layanan Antar Mitra Atas Niaga
A secure B2B marketplace with AI-powered escrow system for Indonesian MSMEs (UMKM)
SALAMAN is a B2B marketplace platform that solves trust issues between small business owners (warung) and suppliers in Indonesia. Using an escrow system combined with AI-powered delivery verification, we ensure safe transactions for both parties.
- Buyers fear paying upfront without receiving goods
- Suppliers worry about shipping goods without payment guarantee
- Quality disputes are common and hard to resolve
- Escrow Payment: Funds are held securely until delivery is verified
- AI Verification: Automatic quality check using computer vision
- Automated Resolution: Smart dispute handling with evidence-based decisions
| Feature | Description |
|---|---|
| 🛒 Product Catalog | Browse and search products from verified suppliers |
| 💳 Secure Payments | Midtrans integration with multiple payment methods |
| 🔒 Escrow Protection | Funds held until delivery confirmation |
| 🤖 AI Verification | Colossal AI vision for delivery proof validation |
| 📦 Order Tracking | Real-time status updates and tracking |
| 💬 AI Chat Assistant | Powered by Colossal AI for customer support |
- Framework: Next.js 16 (App Router)
- Language: TypeScript 5.x
- Styling: Tailwind CSS + Shadcn/UI
- Database: Supabase (PostgreSQL)
- Authentication: Supabase Auth
- Payment Gateway: Midtrans Snap API
- AI Services: Colossal AI (Vision + Chat)
- Deployment: Vercel
- Node.js 20.x or higher
- Supabase account
- Midtrans sandbox account
- Colossal AI API key
# Clone the repository
git clone https://github.com/Isallkun/salaman-apps.git
cd salaman-apps
# Install dependencies
npm install
# Set up environment variables
cp .env.example .env.local# Supabase
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_anon_key
SUPABASE_SERVICE_ROLE_KEY=your_service_role_key
# Midtrans
MIDTRANS_SERVER_KEY=your_server_key
NEXT_PUBLIC_MIDTRANS_CLIENT_KEY=your_client_key
# Colossal AI
COLOSSAL_API_KEY=your_api_key- Create a new Supabase project
- Run migrations from
supabase/migrations/ - Seed data from
supabase/seed/ - Create storage bucket named
delivery-proofs
npm run devsalaman-apps/
├── app/ # Next.js App Router
│ ├── api/ # API routes (webhooks)
│ ├── auth/ # Authentication pages
│ ├── cart/ # Shopping cart
│ ├── checkout/ # Checkout flow
│ ├── marketplace/ # Product listing
│ ├── orders/ # Order management
│ └── product/ # Product details
├── actions/ # Server Actions
├── components/ # React components
│ ├── chat/ # AI chat widget
│ ├── landing/ # Landing page sections
│ ├── marketplace/ # Product components
│ ├── order/ # Order components
│ └── ui/ # Shadcn/UI components
├── lib/ # Utilities & services
│ ├── colossal.ts # Colossal AI integration
│ ├── midtrans.ts # Payment integration
│ └── supabase.ts # Database client
├── types/ # TypeScript definitions
└── supabase/ # Database migrations & seeds
1. Buyer browses marketplace
2. Buyer adds products to cart
3. Buyer proceeds to checkout
4. Payment processed via Midtrans
5. Funds held in escrow
6. Supplier ships the order
7. Buyer receives & photographs delivery
8. AI verifies delivery proof
9. Funds released to supplier
For hackathon presentation, use the demo simulation buttons:
- Demo Login: Use the "Demo Login (Buyer)" button on login page
- Simulate Payment: Click "Simulasi: Pembayaran Berhasil" on order detail
- Simulate Shipping: Click "Simulasi: Supplier Kirim Barang"
- Upload Proof: Upload any image for AI verification
- Card:
4811 1111 1111 1114 - CVV:
123 - Expiry:
12/25 - OTP:
112233
The app is deployed on Vercel:
- Production: https://salaman-apps.vercel.app
- Webhook URL: https://salaman-apps.vercel.app/api/webhooks/midtrans
This project was built for hackathon purposes.
Built with ❤️ for Indonesian MSMEs