Vibe Coding Miễn phí

Ứng dụng quản lý chi tiêu cá nhân làm xong trong một buổi tối

Một ứng dụng nhỏ trên điện thoại để ghi thu chi, tự cộng theo tháng, vẽ biểu đồ, lưu ngay trên máy của bạn. Không cần cài app lạ.

Bạn nhận đượcWeb app chi tiêu, dùng trên điện thoại như một ứng dụng

Thời gian1–2 giờ

Chi phí0 đ (Claude, ChatGPT hoặc Gemini bản miễn phí)

Trình độMới bắt đầu

Vì sao đáng làm?

Nhiều gia đình vừa gửi tiền về Việt Nam, vừa trả bill ở Mỹ mà không biết tiền đi đâu mỗi tháng. Ứng dụng tự làm thì đúng nhu cầu của mình, không quảng cáo, và dữ liệu không rời khỏi máy.

Công cụ cần có

Claude (claude.ai), ChatGPT hoặc Gemini – bản miễn phí đều tạo được file HTML có xem trước
Trình duyệt trên điện thoại

Các bước

Dán "Prompt chính" vào Claude (hoặc ChatGPT/Gemini). Khi AI tạo xong, mở phần xem trước để bấm thử: thêm 3 khoản chi, đổi tháng, xem biểu đồ.
Yêu cầu sửa từng điểm, ví dụ: "Thêm loại chi 'Gửi về Việt Nam' và hiển thị tổng riêng". Khi ưng ý, tải file HTML về, mở trên điện thoại và chọn "Thêm vào màn hình chính".

Prompt chính

Bạn là lập trình viên giỏi, làm ứng dụng cho người mới. Hãy tạo một ứng dụng quản lý chi tiêu cá nhân trong MỘT file HTML duy nhất (HTML + CSS + JavaScript, không dùng thư viện ngoài, không cần server). CHỨC NĂNG 1. Ghi một khoản: ngày (mặc định hôm nay), số tiền (USD), loại (Ăn uống, Nhà cửa, Xe cộ, Con cái, Sức khỏe, Gửi về Việt Nam, Giải trí, Khác), ghi chú, và là Thu hay Chi. 2. Màn hình chính: tổng thu, tổng chi, còn lại của tháng đang chọn; chuyển tháng trước/sau. 3. Biểu đồ tròn chi theo loại (tự vẽ bằng canvas hoặc SVG). 4. Danh sách khoản trong tháng, sửa và xóa được (xóa phải hỏi xác nhận). 5. Đặt ngân sách cho từng loại; loại nào vượt 80% thì hiện màu cam, vượt 100% hiện màu đỏ. 6. Lưu dữ liệu bằng localStorage trên máy; có nút Xuất CSV và Nhập lại từ CSV để sao lưu. GIAO DIỆN - Tiếng Việt hoàn toàn, chữ to, nút lớn, đẹp trên điện thoại, màu sáng thân thiện. - Có thể "Thêm vào màn hình chính" (thêm manifest đơn giản và thẻ meta phù hợp). Sau khi viết xong, tự kiểm tra: thêm 5 khoản mẫu, chuyển tháng, xuất CSV, và liệt kê các bước bạn đã thử.