圈圈・量量看每天的身體狀態，創造讓你可以回顧的身體記錄。

HIHI～😍 如果你是第一次來的話，『Chan-Chan-Dev』是一個專門用簡單的圖文與故事講解網路程式技術的網站。
若你也喜歡用這種方式學習的話，歡迎加入 Chan-Chan-Dev Facebook 的粉絲團，在發佈的時候就有比較多機會收到通知喔！😍

前情提要

轉眼間從五月中疫情升溫也過了將近一個月了，大家還好嗎？希望大家都平安 🙂

我想大家的生活形態都很大的被影響到，我想最大的莫過於所謂的 WFH（Work From Home）

我們公司也是執行 WFH 的狀態，只是我們需要每天都要跟 HR 回報 今日體溫。

WFH 一開始其實滿開心每天可以省下通勤的時間。但過了將近半個月在家裡都不用出門通勤的日子後，因爲缺乏通勤的『走路運動』發現自己的體重好像開始像是搭乘火箭般的迅速往上飛去！😵

因此希望可以有個工具可以記錄體溫與體重等等相關的身體狀態，並且把這些資料轉成圖表的視覺化呈現，希望這些數字轉化後的圖像，可以成功地嚇阻自己在晚上 11 點之後打開 Foodpanda 的 APP 🤣

因此就有圈圈・量量這個平凡無奇的小專案誕生囉！😀

功能介紹

圈圈・量量是一個用來記錄自己身體狀態的小工具，創造讓你可以回顧的身體記錄。

對，就是這麼地平凡無奇！🤣

使用者的相關頁面

使用者資料	變更密碼

忘記密碼是一定要的基本款功能囉 🤣

就可以去自己的信箱收信，重新設定新的密碼囉 😀

這個網站就是很簡單的小工具，基本上都是現代網站已經算是很基本款的功能了。

這個小專案使用到工具有：


Laravel 8 (Breeze)	Vue 3	Inertia.js	Firebase Authetication
V-calender	vue3-chartjs	slick	Mailgun

因爲平常的開發比較像是一個網站的其中一個功能，比較少有機會試試看自己開發一個完整的網站（即使它很小 😆），此外還有一個目的是想要學習平常工作沒接觸過的工具，例如：Vue3、Inertia.js、Firebase 等等，也是採取『做中學』的方式進行開發。

其中寄信的功能原本打算使用 AWS 的 SES，在 sandbox 的測試已經告了一個段落，卻因爲人工審核沒有過關，因此就只好改成 mailgun 了，不過也算是學到如何使用 AWS 的 SES 使用方式與如何在 Domain 設定 MX 的一些細節囉 😀

呼～經過了一番努力終於把小專案告一段落了 😭 😭 😭 ，是一個很棒的學習過程。

這篇文章的記錄的成分居多，如果你居然有看到這裡的話，真的是十分感謝你的捧場！

若文章的內容有錯誤的地方，也歡迎隨時一起討論交流。😘

最後感謝你的閱讀囉，我們下次見！Bye ～