https://widgetbox.app/embed/clock/digital/cgWti9tjJSg2LSF4qLufL5?flag=true

Homepage

<aside> <img src="/icons/flag-pennant_orange.svg" alt="/icons/flag-pennant_orange.svg" width="40px" /> 規劃文件｜專題主軸

設計文件

使用者故事

</aside>

<aside> <img src="/icons/cursor-click_brown.svg" alt="/icons/cursor-click_brown.svg" width="40px" /> 工作文件｜Index

Sprint Retrospective

</aside>

<aside> <img src="/icons/clipping_yellow.svg" alt="/icons/clipping_yellow.svg" width="40px" /> 技術文件｜Review

使用技術與功能

前端技術表

前端路由表

</aside>

Count Down

https://indify.co/widgets/live/progressBar/lpqI8ysNcwFU3BpnlGqF

Group - May,2023

<aside> <img src="/icons/crayon_lightgray.svg" alt="/icons/crayon_lightgray.svg" width="40px" /> Group1｜House Hotel

</aside>

詠程

政威

Nancy

<aside> <img src="/icons/flashlight_lightgray.svg" alt="/icons/flashlight_lightgray.svg" width="40px" /> Group2｜House Hotel

</aside>

Benson

Ting

Monthly Habit Tracker

<aside> <img src="/icons/map-pin_yellow.svg" alt="/icons/map-pin_yellow.svg" width="40px" /> 堅持就會看到可能喔！Consistency makes difference

</aside>

https://apption.co/embeds/c5279f2e

Scrum 流程說明

<aside> <img src="/icons/dialogue_lightgray.svg" alt="/icons/dialogue_lightgray.svg" width="40px" /> Epic 與 Sprint 安排

</aside>

Epic	GOAL	Date
Epic1	首頁部分完成

首頁背景圖片輪播 2.首頁右側房型卡片連結( GET全部房型) 3.首頁左側Logo & 地址電話文字資訊

訂房頁面完成

左側圖片輪播(GET 單一房型資訊）
左側圖片點擊放大燈箱效果
右側單一房型資訊顯示(GET 單一房型資訊)
右側行事曆展示可預約日期(當日起90天內)
左側點擊Booking Now彈出訂房Modal
訂房Modal左側表格可以填寫訂房資訊
訂房Modal右側有房型資訊(GET 單一房型資訊)
訂房Modal右側有訂房資訊&預約流程
訂房成功&失敗的Modal切版完成
使用SweetAlert2提示API請求失敗 | 5/15-5/19 | | Epic2 | 完成主要功能
訂房表格使用veevlidate驗證是否正確填寫
在行事曆或訂房表格選取checkIn & checkout 日期，會同時在表格上顯示共幾天、幾晚、幾晚平日、幾晚假日
選取日期後在訂房表格上顯示總價格
按下確認送出後，將填寫的訂房資料傳送到資料庫(POST 訂房資訊)
行事曆會同步該房型目前已預約/尚未預約的日期(GET 單一房型資訊)
送出預約資料後，根據預約成功或失敗在畫面顯示Modal(POST 訂房資訊)
首頁進到訂房頁面Loading效果
整合測試 | 5/22-5/26 |

Demo回顧

<aside> <img src="/icons/dialogue_lightgray.svg" alt="/icons/dialogue_lightgray.svg" width="40px" /> 紀錄每一次Demo後的回饋以及需要改進的地方。

</aside>

Demo 注意事項