Tôi tự coi mình là một người chơi tennis nghiệp dư "nghiêm túc". Tôi thi đấu với bạn bè nhưng không có cách nào để theo dõi xem mình có tiến bộ hay không. Vì vậy, tôi đã tự tạo ứng dụng của riêng mình bằng Claude Code (với kinh nghiệm lập trình bằng không). 🧵 Đây là cách tôi xây dựng nó và những gì tôi đã học được:

Tôi đã mở mã claude và chỉ bắt đầu mô tả những gì tôi muốn. đây là lời nhắc đầu tiên của tôi được viết tệ hại:

Từ đó, từng bước tôi đã xây dựng ứng dụng Deuce cho phép bạn: • Ghi lại điểm số trận đấu bao gồm cả tiebreak • Xem thành tích của bạn so với từng đối thủ • Xem mọi thứ trên một lịch • Tự động lấy thông tin thời tiết từ vị trí + ngày • Chia sẻ thống kê đối đầu bằng cách thêm đối thủ • Đính kèm liên kết video cho các trận đấu (nếu bạn có ghi hình) Thử nghiệm nó ở đây:

Mã Claude thực sự rất giỏi trong việc lập kế hoạch trước khi thực hiện. Vì vậy, trước khi bắt đầu làm việc, nó hỏi tôi những câu hỏi về xác thực, cơ sở dữ liệu, biểu mẫu, di động, v.v. ... và sau đó tìm sự xác nhận của tôi về công nghệ: - Next.js 14 (React) - Supabase (xác thực + cơ sở dữ liệu) - Tailwind CSS - Vercel (lưu trữ)

Thật lòng mà nói, tôi đã thử vibe-coding với các công cụ khác trước đây nhưng tôi luôn bị mắc kẹt ở đâu đó ngẫu nhiên và bỏ cuộc. Claude Code là công cụ đầu tiên đủ trực quan để tôi có thể xây dựng một cái gì đó thực sự từ đầu đến cuối. Nó cũng cực kỳ gây nghiện khi thấy các tính năng được phát triển từng bước.

Phần khó nhất đối với tôi là logic xác thực và xã hội: ai được phép ghi lại một trận đấu, ai có thể chỉnh sửa, dữ liệu nào thuộc về người dùng nào. Điều này buộc tôi phải học thêm về thiết kế cơ sở dữ liệu và quản lý quyền. Có lẽ tôi đã đưa ra một số lựa chọn thiết kế ngớ ngẩn.. nhưng cho đến nay thì nó hoạt động tốt.

Tôi rất ấn tượng với mã của Claude và háo hức thử nghiệm thêm nhiều thứ nữa! Hãy thử ứng dụng tại đây: