Healing Diary บันทึกเพื่อเยียวยาที่ใช้บันทึกและวิเคราะห์ความรู้สึกหลังการเลิกรา
(healing.latentspace.world)สวัสดีครับ/ค่ะ ช่วงหลังมานี้ผม/ฉันเพิ่งผ่านการเลิกรากับคนรักมา และอยากเปลี่ยนประสบการณ์นั้นให้มีความหมาย จึงเริ่มโปรเจกต์ Healing Diary ขึ้นมา
ลิงก์
- Github Repository: https://github.com/mansukim1125/healing-diary
- ลิงก์บริการ: https://healing.latentspace.world/
ฟีเจอร์หลัก
- เขียนไดอารี่อารมณ์
- เขียนไดอารี่ได้อย่างอิสระ
- AI วิเคราะห์เนื้อหาในไดอารี่และดึงช่วงเวลาที่เป็นบวก บันทึกกิจกรรม และสภาวะอารมณ์ออกมาโดยอัตโนมัติ
- เนื้อหาที่เขียนจะถูกบันทึกไว้ใน LocalStorage (ไม่ต้องล็อกอิน)
- ไทม์ไลน์การฟื้นตัว
- ไทม์ไลน์เส้นทางทางอารมณ์ที่สร้างขึ้นอัตโนมัติจากเนื้อหาในไดอารี่
- แสดงภาพการเปลี่ยนแปลงของอารมณ์ตามกาลเวลา
- มีการวิเคราะห์แพตเทิร์นการฟื้นตัวด้วย AI
ปกติผม/ฉันทำงานเป็นนักพัฒนาแบ็กเอนด์ Node.js จึงแทบไม่มีประสบการณ์ด้านฟรอนต์เอนด์เลย (มีเพียงความรู้พื้นฐาน HTML, JS เท่านั้น)
ครั้งนี้เลยถือโอกาสเรียนรู้เทคโนโลยีฟรอนต์เอนด์สมัยใหม่ไปพร้อมกับการพัฒนาโปรเจกต์นี้
ตลอดสองวันผม/ฉันแทบไม่ได้นอน เขียนโค้ดไปพร้อมกับอ่านเอกสารของ Next.js และ React แบบลุยจากศูนย์(?)
แม้จะเป็นการพัฒนาฟรอนต์เอนด์ครั้งแรกและต้องเจอกับการลองผิดลองถูกนับไม่ถ้วน แต่กระบวนการนั้นเองก็ดูเหมือนจะเป็นช่วงเวลาแห่งการเยียวยาที่ดีสำหรับผม/ฉัน
เนื่องจากเป็นการพัฒนาฟรอนต์เอนด์ครั้งแรก โค้ดอาจจะยังค่อนข้างรกอยู่บ้าง
ยินดีรับฟังฟีดแบ็กจากนักพัฒนาฟรอนต์เอนด์ทุกท่านครับ/ค่ะ ไม่ว่าจะเป็นคำแนะนำเพื่อให้โค้ดดีขึ้นหรือ PR ก็ขอบคุณอย่างยิ่ง
4 ความคิดเห็น
ความสามารถในการระบายอารมณ์ด้านลบออกมาอย่างสร้างสรรค์เป็นสิ่งที่มีเอกลักษณ์และดีมากจริง ๆ ครับ เป็นกำลังใจให้ครับ!
ขอบคุณครับ!
แม้จะเป็นการพัฒนาฝั่งฟรอนต์เอนด์ครั้งแรก แต่ UI ดูสะอาดตาดีนะครับ!
ขอบคุณที่ฝากคอมเมนต์ไว้ครับ!
ในส่วนของการออกแบบ UI ผมใช้ shadcn ui และ tailwind css ครับ
หากมีข้อเสนอแนะเพิ่มเติมเกี่ยวกับโค้ดหรือด้านฟังก์ชัน ก็จะขอบคุณมากหากช่วยฝากไว้ให้ด้วยครับ!