saas firebase claude-code todo-app web-development

Velocty - แอปพลิเคชัน TODO List SaaS ตัวแรก

18 มีนาคม 2569 · 1 min read

Velocty เพื่อนที่คอยเตือนสิ่งที่ต้องทำ

เห็น พี่ทอย Kasidis Satangmongkol เปิดตัว Saas หลายตัวติดต่อกัน ฮงก็คันมือ อยากปล่อย saas ออกมาบ้าง ถ5555

แม้ว่าจะไม่พร้อมสร้าง saas ที่ซับซ้อน แต่ขอเริ่มด้วย saas ที่เรียบง่ายอย่าง TODO list เพื่อเป็นการเปิดทางสู่เส้นทางนักสร้างของ 🚀🥳

Feature ทำอะไรได้บ้าง

✅ Register ลงทะเบียนเข้าสู่ระบบ
✅ Login ได้ แยกข้อมูลของตัวเองออกจากคนอื่น
✅ Logout ออกจากระบบ
✅ เพิ่ม todo
✅ ลบ todo
✅ Toggle todo
❌ แก้ไข todo ยังทำไม่ได้ 55

Technology เบื้องหลังความซับซ้อนมีอะไรซ่อนอยู่ 🥳

1. Claude Code

มือดีที่ช่วยเขียนโค้ดและดีบัคทุกอย่าง และยัง design เว้บนี้เองด้วย

2. HTML/CSS/JS

โค้ดที่ใช้แสดงหน้าเว้บและเชื่อมต่อกับ backend

3. Firebase

Backend as a service ที่มีช่วยจัดการอะไรหลายๆอย่าง ทำให้ครบจบได้ในที่เดียว โดยแบ่งเป็น

1️⃣ Firebase Hosting สำหรับ deploy website

2️⃣ Firebase Auth สำหรับระบบ login (งวดนี้ฮงใช้ username/password - ไม่ได้เก็บข้อมูลเป็น plain text นะ)

3️⃣ Firestore สำหรับเก็บเป็นฐานข้อมูล NoSQL

4️⃣ Firebase analytics สำหรับเก็บข้อมูลวิเคราะห์พฤติกรรมผู้ใช้

Note: firebase เป็น product ของ Google

Lesson Learned 🥳

แอพนี้เป็น project แรกที่ฮงใช้ claude code สร้าง ตอนแรกก็ไม่แน่ใจว่าจะสร้างได้แค่ไหน แต่พอเริ่มทำก็ใช้ง่าย ทำคล่องกว่าที่คิดไว้

ถือว่าเป็นก้าวแรกที่ดี ที่สามารถต่อยอด ทำระบบถัดๆไป เย้

ถ้าเพื่อนๆสนใจที่จะฟังรายละเอียดเกี่ยวกับการทำระบบนี้ ฮงคิดว่าจะจัด sharing session วันที่ 31 มีนาคม 20.00 - 21.00 น. ถ้าใครสนใจ กด “velocty” (ไม่มี i) ใน comment นะครับ

กะไว้คร่าวๆประมาณ 15 คนครับ

Back to all posts

View original post