Từ A đến Z: Tự Tay Code App Chia Tiền 'Splitup' Chỉ Với AI Miễn Phí (Shocking!)

Lê Lân

20/07/2025

Splitup: Ứng Dụng Chia Tiền Đơn Giản Tạo Bằng Công Cụ AI Miễn Phí

Mở Đầu

Việc phát triển ứng dụng ngày nay đã trở nên dễ dàng và nhanh chóng hơn bao giờ hết nhờ sự trợ giúp của công nghệ trí tuệ nhân tạo (AI). Bạn chỉ cần một ý tưởng rõ ràng và các công cụ AI miễn phí để biến nó thành sản phẩm thực tế.

Trong bài viết này, tôi sẽ chia sẻ kinh nghiệm xây dựng Splitup - một ứng dụng chia tiền đơn giản mà tôi đã phát triển hoàn toàn bằng các công cụ AI miễn phí. Splitup tập trung vào việc giải quyết ba vấn đề chính: chia sẻ chi phí nhanh chóng, gửi nhắc nhở tự động và đơn giản hóa quá trình thanh toán. Qua từng bước, bạn sẽ hiểu cách tận dụng AI để xây dựng ứng dụng từ khâu tạo nền tảng, thiết kế giao diện đến tối ưu hóa và debug.

Nếu bạn là nhà phát triển indie hoặc muốn thử sức với AI trong lĩnh vực phát triển ứng dụng, đây là hướng dẫn dành cho bạn.

What I Wanted to Build

Tôi từng thử nhiều ứng dụng chia tiền nhưng hầu hết đều phức tạp hoặc có giao diện rối rắm. Do đó, mục tiêu khi phát triển Splitup là tập trung vào:

Chia sẻ chi phí dễ dàng và nhanh chóng

Tự động gửi nhắc nhở cho bạn bè

Đơn giản hóa việc thanh toán cuối cùng

Với mục tiêu rõ ràng, tôi bắt đầu tìm kiếm các công cụ AI miễn phí để hiện thực hóa ý tưởng này.

Step 1: Set Up Your App's Foundation

Tool: Cursor + GitHub Copilot (free tiers)

Cách tôi sử dụng:

Cursor AI giúp nhanh chóng tạo nên cấu trúc dự án Flutter cơ bản, các routes và boilerplate code.

GitHub Copilot hỗ trợ đề xuất những đoạn mã khoa học cho navigation và màn hình cơ bản.

Mẹo:

Sử dụng những prompt đơn giản và cụ thể như:

"Generate a Login Screen with Google and Apple login buttons"

"Create a Controller using Riverpod 2.0. Keep the business logic in Controller separate from the UI"

Việc chia nhỏ tính năng và để AI xử lý phần lặp lại giúp tiết kiệm thời gian đáng kể.

Bắt đầu với các thành phần nhỏ trước khi xây dựng tổng thể sẽ giúp quá trình phát triển hiệu quả hơn và dễ bảo trì.

Step 2: Build a Robust Backend

Tool: Supabase AI

Cách tôi sử dụng:

Lần đầu tiên dùng Supabase, tôi ấn tượng với tính năng AI thiết kế database schema chỉ qua mô tả ngôn ngữ tự nhiên.

Thiết lập chính sách Row-Level Security (RLS), ràng buộc dữ liệu và webhook cho tính năng realtime được thực hiện dễ dàng.

Mẹo:

Mô tả dữ liệu bằng ngôn ngữ đơn giản, ví dụ: "A table for expense transactions with foreign key constraints to group table (group_id)" để AI tự động tạo SQL.

Luôn kiểm tra và chỉnh sửa để phù hợp với nghiệp vụ thực tế.

Lợi ích của Supabase AI	Mô tả
Thiết kế nhanh schema	API chuẩn, tương thích với Flutter
An toàn với RLS	Giải pháp bảo mật dữ liệu nâng cao
Hỗ trợ realtime	Cập nhật thông tin tức thời trên app

Step 3: Design a User-Friendly Interface

Tool: ChatGPT

Cách tôi sử dụng:

Lấy cảm hứng và ý tưởng thiết kế UI qua ChatGPT bằng việc hỏi về bố cục, màu sắc, icon app phù hợp cho ứng dụng quản lý chi tiêu.

Ví dụ prompt: "Suggest a clean, modern UI for a budgeting app"

Hiện tại tôi khuyên bạn thử dùng Stitch của Google để có nhiều ý tưởng UI tốt hơn nữa.

Mẹo:

Hãy hỏi AI về các thành phần UI trực quan như button, form, bảng biểu.

Tận dụng gợi ý nhưng luôn điều chỉnh để đúng với phong cách và nhu cầu người dùng của bạn.

Giao diện sạch, dễ dùng sẽ tăng trải nghiệm người dùng và giữ chân họ lâu dài.

Step 4: Debugging, Optimizations and Core App Features

Tool: Grok

Cách tôi sử dụng:

Grok giúp phân tích lỗi và gợi ý cách sửa chi tiết cho các đoạn mã phức tạp.

Viết edge functions của Supabase và logic xử lý chia tiền chính là nhờ Grok hỗ trợ.

Khám phá các ý tưởng kiếm tiền trong app thông qua các kịch bản được Grok đề xuất.

Mẹo:

Khi gặp lỗi, hãy sao chép đoạn log và đoạn code liên quan để Grok gợi ý từng bước sửa.

Với tính năng nâng cao, mô tả logic càng chi tiết, code AI tạo ra càng sát với yêu cầu.

Key Takeaways for Building with AI

Break It Down: Không thể tạo nguyên app chỉ bằng một prompt. Hãy chia nhỏ từng tính năng và liên tục thử nghiệm cải tiến.

Clarify Your Vision: Ý tưởng rõ ràng làm cho AI trả về kết quả chính xác và phù hợp hơn.

Embrace Iteration: Mã và thiết kế AI sinh ra cần chỉnh sửa, cần test sớm và thường xuyên.

AI Is Essential: Trải nghiệm này khiến tôi không thể tưởng tượng việc code mà không có AI – tiết kiệm thời gian và kích thích sáng tạo vượt trội.

The Result

Ứng dụng Splitup hiện đã có mặt trên cả App Store và Play Store, với phản hồi tích cực từ người dùng. Bạn có thể tải về tại đây: https://onelink.to/etcezf

Splitup là minh chứng cho sức mạnh của các công cụ AI miễn phí, đặc biệt dành cho các nhà phát triển độc lập.

Try It Yourself

Bắt đầu với một ý tưởng đơn giản, chọn một hoặc hai công cụ AI và thực hành ngay hôm nay. Bạn đang sử dụng AI nào để phát triển ứng dụng? Ý tưởng tiếp theo của bạn là gì? Hãy chia sẻ kinh nghiệm của bạn bên dưới!

Tham Khảo

GitHub Copilot Documentation – https://copilot.github.com/

Supabase Official Site – https://supabase.com/

Cursor AI – https://cursor.so/

ChatGPT by OpenAI – https://chat.openai.com/

Grok by OpenAI – công cụ hỗ trợ debug và code tự động

Stitch by Google – https://stitch.withgoogle.com June 1, 2024