zzz tracker
ตัวติดตามการนอนหลับทุกวัน
ลิงค์สด: https://zzz-tracker.herokuapp.com/
CRD (ไม่จำเป็นต้องใช้ "U" ในแอพนี้ แต่ฉันแสดงความคิดเห็นรหัสการอัปเดตในไฟล์ในกรณีที่คนอื่นต้องการแรงบันดาลใจ) แอปที่ทำหน้าที่เป็นตัวติดตามการนอนหลับทุกวัน เทคโนโลยีที่ใช้มีดังต่อไปนี้:
- ตอบสนอง (ด้วยตะขอบริบทและเราเตอร์)
- JavaScript (ES6)
- tailwindcss (รวมถึงโหมดมืดและคลาสและฟังก์ชั่นที่กำหนดเอง)
- GSAP สำหรับภาพเคลื่อนไหว
- การรับรองความถูกต้องของ Firebase
- ฐานข้อมูล Firebase Firestore
- React-vis (สำหรับกราฟ)
- ปลั๊กอินช่วงเวลา (สำหรับทศนิยมเวลาเปลี่ยน -> รูปแบบ HH: mm)
เว็บแอปยังไม่เสร็จสมบูรณ์ยังต้องการการขัดและเนื้อหา/สไตล์เพิ่มเติม สิ่งนี้ทำตามสั้น ๆ กับบางส่วนของบางส่วน (https://www.codementor.io/projects/web/daily-sleep-tracker-web-app-pyi4kpk5rt)
ที่จะเพิ่ม:
ส่วนท้าย เกี่ยวกับหน้าด้วยภาพเคลื่อนไหว GSAP เพิ่มเติม สถิติใหม่แดชบอร์ด หน้าแดชบอร์ดตอบสนอง- จำฉันและลืมการใช้งานการรับรองความถูกต้องด้วยรหัสผ่าน
- การเปลี่ยนแปลง QOL
