Một số ví dụ mẫu - Dự án VibeCoding
Đây là nơi chứa các ví dụ mẫu tham khảo từ dự án VibeCoding.
Dự án "Cơm Tấm Cột Điện"
- Link dự án: https://jvittech-vibecoding-com-tam-cot-dien.windsurf.build/
- Ngày thực hiện: 20/05/2025
- Mô tả: Protoype này được thực hiện trong 6 giờ.
- Công nghệ sử dụng: Windsurf, Claude 3.7, Next.js, Framer Motion.
- Hình ảnh:

Dự án "VibeCoding Documents"
- Link dự án: https://vibecoding-docs.windsurf.build/vi/
- Ngày thực hiện: 06/05/2025
- Thời gian thực hiện: 8 giờ
- Công nghệ sử dụng: Cursor, Claude 3.7, Gemini, Vitepress.
- Lưu ý: Do không kiểm soát AI, phiên bản Vitepress được sử dụng là phiên bản cũ mà AI đã tham chiếu đến.
- Hình ảnh:

Slide thuyết trình Jai1 Framework
- Mục đích: Giới thiệu Jai1 framework tại sự kiện Sinh Nhật Công ty 2025.
- Link dự án: https://jai1-slide-presentation.windsurf.build/
- Thời gian thực hiện: 24/05/2025 - 30/05/2025
- Công nghệ sử dụng:
- Framework: SlideV
- AI Tools: Cursor + Claude 3.7, Windsurf + Claude 3.7, Gemini 2.5
- Bối cảnh xây dựng:
- Đây là lần đầu tiên nhóm sử dụng thực tế framework SlideV để làm slide.
- Ban đầu, dự án được khởi tạo với Cursor + Claude 3.7 và hoạt động cơ bản.
- Tuy nhiên, sau khi cấu trúc lại để quản lý các slide rõ ràng hơn, dự án gặp nhiều lỗi không rõ nguyên nhân.
- Nhóm đã chuyển sang sử dụng Windsurf để điều tra và phát hiện ra vấn đề: Cursor không tương thích với cấu trúc file markdown của SlideV, dẫn đến các lỗi không mong muốn.