Khi đồng nghiệp than thở về việc chia tiền ăn, tôi nhanh chóng dùng Cursor AI để tạo ngay một trang web tính tiền 'xịn' hơn Splitwise: Chỉ mất chưa đầy một giờ, chi phí còn chưa bằng hai bát phở.

Dù bạn cần gì đi nữa, tôi (và Cursor AI) sẽ code ngay cho bạn thứ đó.

Một buổi trưa tại văn phòng, khi mọi người còn đang lúng túng chia lại hóa đơn bữa ăn của lần tụ tập trước, tôi nghe một đồng nghiệp than thở: "Splitwise bản miễn phí giờ thật sự không ổn, không thể chia theo từng món, còn bản Pro thì lại gần 4 USD/tháng mà không dùng thường xuyên".

Quả thật vậy, dạo gần đây, mỗi lần đi ăn, chúng tôi cứ phải tính đi tính lại xem ai đã trả bao nhiêu rồi, ai chưa. Có người thì 'om' tiền mấy hôm mới trả, đến lúc đó thì tình huống như thế này sẽ xảy ra.

Là người đã từng tự học lập trình và hiện đang sử dụng Cursor AI để nghiên cứu các công cụ hỗ trợ lập trình, tôi nghĩ ra một ý tưởng đơn giản: Tạo ra một web app tính tiền ăn dành riêng cho nhóm mình, với tiêu chí là đơn giản, dễ dùng, gọn gàng và đặc biệt là miễn phí.

Ý tưởng ban đầu

Đương nhiên, trước khi làm bất cứ điều gì, bạn phải có một ý tưởng. Nếu không có ý tưởng, bạn sẽ chẳng thể bắt đầu được gì. Tôi đã dành khoảng 10 phút để lên kế hoạch cho các tính năng cần có của web app này. Mục tiêu chính là phải làm được những điều sau đây:

- Thêm chi tiêu: bao gồm tên chi tiêu, số tiền, người trả, người tham gia và tùy chọn chia đều hoặc không chia đều.
- Nếu không chia đều, cần có ô nhập để điền phần chi phí của từng người sao cho tổng cộng bằng số tiền mà người trả đã bỏ ra.

- Hiển thị kết quả chia tiền theo từng người, ai nợ ai bao nhiêu.

- Cho phép chỉnh sửa hoặc xóa bất kỳ chi tiêu nào.

- Giao diện phải đơn giản, đẹp mắt, hiện đại, sử dụng tông màu xanh lá pastel.

- Trang web phải tối ưu cho di động, vì hầu hết mọi người sẽ sử dụng nó trên điện thoại.

Sau đó, tôi viết một prompt chi tiết để yêu cầu Cursor AI xây dựng giao diện và logic ban đầu (đã được tôi tối ưu như sau):

Tôi sử dụng model claude-3.7-sonnet MAX để xử lý prompt này. Đây là model trả phí theo từng request, giá 0,05 USD/lần, yêu cầu bật Usage-based pricing trong phần cài đặt của Cursor. Gõ Cmd + K để mở hộp thoại prompt khởi tạo.

Chưa đầy 5 phút sau, Cursor trả lại cho tôi hơn 1.000 dòng mã với giao diện web hoàn chỉnh, từ form nhập chi tiêu, tính toán chia tiền cho đến bảng kết quả và logic xử lý.

Tôi chỉ cần chỉnh sửa chút về CSS, căn chỉnh lề, sửa lại một số đoạn text và logic hiển thị. Quan trọng là, tôi phải nhắc lại một lần nữa, tôi KHÔNG viết một dòng code nào, tất cả chỉ cần nhập prompt, đọc và chọn apply các phần code phù hợp.

Đồng nghiệp gợi ý thêm tính năng tạo mã QR chuyển khoản

Sau khi demo cho nhóm đồng nghiệp dùng thử, có người gợi ý thêm tính năng hiển thị mã QR để chuyển khoản trực tiếp, một ý tưởng hợp lý, nhất là trong thời đại chuyển khoản chỉ mất 5s như hiện nay.

Tôi tìm hiểu và phát hiện nền tảng qr.sepay.vn hỗ trợ tạo mã QR chuyển khoản dựa trên URL truy vấn.

Tôi tiếp tục prompt Cursor AI như sau:

Tôi chuyển sang dùng model claude--sonnet trong gói Pro (cho phép 500 fast premium request/tháng) để tối ưu chi phí. Chỉ sau khoảng 50 request (bao gồm sửa lỗi nhỏ, tối ưu CSS, thêm nút toggle…), trang web của tôi đã hoàn thiện và sẵn sàng sử dụng.

Giao diện rất dễ sử dụng, thao tác đơn giản, chỉ cần chia tiền xong, bấm tạo QR là có thể quét và chuyển khoản ngay lập tức.

Chưa đầy một giờ, chi phí chưa đến hai bát phở.

Sau tất cả, tôi có thể tổng kết lại những gì tôi đã làm để tạo ra trang web tính tiền "xịn" hơn cả Splitwise (theo đánh giá của riêng tôi).

- Lên ý tưởng: 10 phút (không có ý tưởng thì chẳng làm được gì)

- Viết prompt và tạo mã code ban đầu: 5 phút (bước này cực kỳ quan trọng vì nó sẽ quyết định giao diện và tính năng nền tảng của website/ứng dụng, nên tôi đã sử dụng claude-3.7-sonnet MAX)

- Tinh chỉnh, sửa lỗi, thêm tính năng QR, feedback nội bộ: mất khoảng 40 phút tổng cộng

Về phần chi phí, dựa trên mức phí của gói Cursor AI Pro tôi đang dùng, cùng chi phí bên ngoài gói Pro (chi phí sử dụng model MAX), tôi tính toán như sau:

- 3 request sử dụng claude-3.7-sonnet MAX: 0,15 USD (khoảng 3.840 đồng)

- Khoảng 50 fast premium request dùng claude--sonnet (trong gói Pro): tầm 2 USD (gói Pro có giá 20 USD/tháng)

Tổng chi phí chỉ khoảng 2,15 USD, tương đương 55.000 đồng, chưa đến giá của 2 bát phở tôi ăn với đồng nghiệp.

Tôi gọi trang web của mình là EzSplit, vì đúng như tên gọi: chia tiền dễ dàng, tiện lợi và không phải lo phí duy trì như những nền tảng khác.

Chỉ cần bạn có một ý tưởng thôi

Tôi không phải là một lập trình viên chuyên nghiệp, chỉ có nền tảng kiến thức cơ bản. Nhưng với công cụ như Cursor AI và một chút tư duy logic, bạn hoàn toàn có thể tạo ra một trang web, ứng dụng, hay công cụ phù hợp với nhu cầu của mình.

Trong trường hợp này, ý tưởng ban đầu chỉ đơn giản là chia tiền, nhưng sau khi thử nghiệm và phát triển, tôi nhận thấy tiềm năng mở rộng. Có thể trong tương lai, tôi sẽ phát triển thêm cho EzSplit, ví dụ như:

- Xây dựng hệ thống đăng ký, đăng nhập tài khoản và nhóm chia tiền động.

- Cho phép người dùng thêm ngân hàng và số tài khoản tùy chỉnh.

- Lưu trữ lịch sử chi tiêu theo ngày/tháng (cần xử lý thêm ở backend và database).

- Gửi nhắc nhở về các khoản nợ chưa thanh toán qua email, Telegram, SMS...

- Thêm phần thống kê chi tiêu và biểu đồ trực quan dễ nhìn.

Chỉ cần bạn có một ý tưởng rõ ràng và chi tiết, phần còn lại Cursor AI sẽ lo hết cho bạn.