Học AI Với John
Trang đặt lịch online cho tiệm, lưu dữ liệu thật
Vibe Coding Miễn phí

Trang đặt lịch online cho tiệm, lưu dữ liệu thật

Khách chọn dịch vụ, thợ, giờ trống và đặt lịch ngay trên web; bạn có trang quản lý xem lịch trong ngày.

Bạn nhận đượcWeb app đặt lịch có cơ sở dữ liệu + trang quản lý
Thời gianMột buổi tối (3–4 giờ)
Chi phí0 đ để thử (Lovable + Supabase gói miễn phí); dùng lâu dài có thể cần gói trả phí
Trình độTrung bình

Vì sao đáng làm?

Ứng dụng đặt lịch có sẵn thu phí hàng tháng. Tự làm thì đúng quy trình tiệm mình và không phụ thuộc bên thứ ba.

Công cụ cần có

Hướng dẫn đầy đủ

### Cấu trúc dữ liệu (Supabase)
- services(id, name_en, name_vi, minutes, price)
- staff(id, name, active)
- bookings(id, service_id, staff_id, start_at, end_at, customer_name, phone, email, language, status[pending/confirmed/cancelled], created_at)

### Chuỗi 6 prompt (Lovable)
1. "Create a mobile-first bilingual booking site for [Salon]. Pages: Home, Book, Admin. Use Supabase. Don't build yet; first propose the database tables and the booking flow, and wait for my OK."
2. "Create the tables exactly as agreed. Seed services and staff from this list: [...]."
3. "Build the Book flow: pick service → pick technician (or 'Any') → show available 15-minute slots for the next 14 days based on opening hours [...] and existing bookings → enter name, phone, email, language → confirm. Prevent double-booking on the server side."
4. "Build the Admin page protected by Supabase Auth (only my email can log in): today's schedule by technician, change status, cancel."
5. "Add row-level security: public users can only insert bookings and read available slots, never read other customers' data."
6. "Act as a QA tester. Try to double-book, book outside opening hours, book in the past, and access Admin without logging in. Report and fix every issue."
### Checklist trước khi đưa cho khách
Thử đặt trùng từ 2 điện thoại cùng lúc; kiểm tra email xác nhận; kiểm tra không xem được dữ liệu người khác; ghi chính sách hủy lịch.

---

Muốn đi xa hơn?
Bản Plus gồm: chuỗi 6 prompt từ thiết kế tới cơ sở dữ liệu, cấu trúc bảng dữ liệu, quy tắc chống đặt trùng giờ, trang quản lý có mật khẩu, và checklist kiểm thử trước khi đưa cho khách.

Có thể bạn cũng thích

← Xem tất cả: AI Agent & Vibe Coding