Trong thời đại công nghệ số, việc chia tiền trở nên dễ dàng hơn bao giờ hết nhờ vào các công cụ hỗ trợ trực tuyến. Một đồng nghiệp than thở về việc sử dụng Splitwise bản miễn phí bị giới hạn tính năng, trong khi bản Pro lại có giá gần 4 USD/tháng. Điều này đã thúc đẩy tôi tạo ra một trang web tính tiền riêng cho nhóm của mình.
Mỗi lần đi ăn chơi mà như này thì chẳng phải là quá tội
Có người gợi ý dùng Splitwise, nhưng app này mà dùng bản miễn phí thì quá bất tiện khi bị giới hạn thêm chi tiêu, mà bản trả phí thì đâu có rẻ
Là người từng mày mò code và đang dùng Cursor AI để nghiên cứu công cụ hỗ trợ lập trình, tôi nảy ra một ý tưởng đơn giản: Tự tạo một web app tính tiền ăn riêng cho nhóm mình với tiêu chí gọn nhẹ, trực quan, dễ dùng và quan trọng là phải… miễn phí.
Khởi tạo ý tưởng và xây dựng trang web
Tất nhiên, muốn làm cái gì thì trước tiên cũng phải có ý tưởng trước đã. Tôi dành ra khoảng 10 phút lên ý tưởng cho các tính năng cần có của web app này. Cốt lõi là phải xử lý được các chức năng như thêm chi tiêu, hiển thị kết quả chia tiền, và cho phép chỉnh sửa, xóa chi tiêu.
Sau đó, tôi viết một prompt chi tiết để yêu cầu Cursor AI dựng giao diện và logic ban đầu. Tôi sử dụng model claude-3.7-sonnet MAX để xử lý prompt này.
Nhớ bật cái này lên mới dùng được model claude-3.7-sonnet MAX
Bật xong rồi thì nhớ chọn model claude-3.7-sonnet MAX để khởi tạo giao diện nền tảng nhé. Giao diện nền tảng cực kỳ quan trọng vì thế nên nếu muốn tốt nhất, đẹp nhất thì nên dùng model này để khởi tạo
Sau chưa đầy 5 phút, Cursor trả lại cho tôi hơn 1.000 dòng mã với một giao diện web hoàn chỉnh. Tôi chỉ cần tinh chỉnh đôi chút về CSS, căn lề, đổi lại một số text và logic hiển thị.
Vẫn như thường lệ, sau khi đọc hiểu prompt, Cursor AI tự động generate ra toàn bộ trang web và chèn trực tiếp vào tệp index.php
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. 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.
Trang SePay cho phép tạo mã QR bằng truy vấn URL dạng GET như này. Quả là một endpoint API quá tiện
Tôi tiếp tục prompt Cursor AI để thêm tính năng này. Sau khoảng 50 request, trang web của tôi đã sẵn sàng sử dụng.
Sau khi thêm tính năng tạo mã QR thì trang web sẽ hiển thị luôn mã QR với số tiền và nội dung chuyển khoản được thiết lập sẵn
Kết quả
Sau tất cả, tôi có thể tổng kết lại những gì mà tôi đã thực hiện để làm ra được trang web tính tiền có phần “xịn” hơn cả Splitwise. Tổng thời gian thực hiện là chưa tới một giờ, và chi phí chưa tới 2 bát phở.
Tôi gọi tên trang web là EzSplit, vì đúng như cái tên: chia tiền dễ dàng, tiện lợi và không tốn phí duy trì như các nền tảng khác.
Với công cụ như Cursor AI và một chút logic, bạn hoàn toàn có thể tạo ra một trang web, ứng dụng, hay công cụ phục vụ cho chính nhu cầu của mình.