IMUII LogoIMUII
Modul Pelatihan

Vibe Coding dengan Lovable

Membuat aplikasi web profesional dengan AI — studi kasus FreshWash Laundry

Modul lengkap

Unduh materi workshop (DOCX)

Download modul

Prompt ChatGPT

Workshop
Buat PRD aplikasi SaaS laundry modern untuk owner laundry kecil-menengah. Fokus pada manajemen order, tracking status laundry, dan dashboard pendapatan. Tampilan harus minimalis, cepat, responsive, dan mudah digunakan di desktop maupun mobile.
Buka ChatGPT

Prompt Lovable

Workshop
Create a premium, modern SaaS web application for laundry management named "FreshWash Laundry". Use a clean minimalist startup design style with a light blue and white color theme, rounded buttons, clean dashboard cards, and a simple sidebar layout. Fully responsive for desktop and mobile.
1. Authentication (Simulation for Demo)
- Create a clean admin login page.
- Use mock credentials: Username "admin" and Password "admin".
- Successful login redirects to Dashboard. If not logged in, restrict access.
2. Core Architecture & State Management
- Initialize a local mock database using React state (sync with localStorage).
- Pre-populate the app with 5 realistic sample laundry orders with varying statuses.
3. Service Catalog (can add, edit, or delete)
- Cuci Kering = Rp 7.000/kg
- Cuci Setrika = Rp 10.000/kg
- Setrika Saja = Rp 5.000/kg
- Express Service = Additional Fixed Rp 15.000
4. Interactive Dashboard View
Include Lucide icons for 4 metric cards:
- Total Orders Today, Total Revenue (Rupiah), Orders Being Processed, Completed Orders
5. Order Management & Form (Real-time Calculation)
- "Tambah Order" modal: Customer Name, WhatsApp, Service Type, Weight (kg), Express (toggle), Status.
- Formula: (Weight x Service Price) + (Express ? 15000 : 0). Updates in real-time. Toast notification on success.
6. Modern Order Table & Operations
- Status badges: Diproses (Yellow), Dicuci (Blue), Disetrika (Purple), Selesai (Green), Diambil (Gray).
- Change status via dropdown. Live search by customer name + filter by status.
Use Tailwind CSS + Shadcn UI. Single-page app, fully interactive, no placeholder screens.
Buka Lovable

Hasil Workshop

Demo aplikasi FreshWash Laundry yang dibuat di Lovable

Lihat hasil akhir

https://freshwash-sparkle-flow.lovable.app