Q4 情境為常見的表單需求 ## 需求 三種表單頁面，自選兩種做 - 登入 (Login) 頁面 - 結帳 (Checkout) 頁面 - Landing : 聯絡我們 (Contact) 區塊 提供參考用的 [template](https://d.pr/f/MTYJS2)、[shopmatic checkout page](http://projects.noeinoi.com/shopmatic/storybook/?selectedKind=Demo%7CCheckout2.0%20Pages&selectedStory=Checkout%20%2F%20Main&full=0&addons=0&stories=1&panelRight=1&addonPanel=dump247%2Fstate%2Fpanel) ### 使用者操作步驟 1. 每種頁面的表單欄位皆可供使用者輸入 2. 填寫完按 `Submit Button` 3. 跳出 `Modal` 顯示該輸入的所有欄位 ## 提示 - 參考你常用的購物網站、SaaS 操作流程，設計操作流程和回饋訊息 ## 溝通方式 - 對此 Issue 有疑問，直接 Comment - 發 PR 遞交成品 ## 加分題 - [ ] 倘若 Q5 和 Q3、Q4 為同一網站，你怎麼以 SPA (Single Page Application) 架構整理專案 - [ ] 倘若 API 尚未完成，你會怎麼模擬 AJAX Response？ ## 預估時間 10 小時
Q4 情境為常見的表單需求
需求
三種表單頁面，自選兩種做
提供參考用的 template、shopmatic checkout page
使用者操作步驟
Submit ButtonModal顯示該輸入的所有欄位提示
溝通方式
加分題
預估時間
10 小時