指導教練:阿蘇
前端組員(名單按 A-Z 英文字母排序):
設計師: Gabi Lin
默隅 Moonook ,是打造一個以「共享空間 × 咖啡廳 × 網咖計時制」為靈感的複合式空間管理系統。我們相信,空間不該只是被佔用,而應該被選擇、被感受。這個系統不僅是預約座位,更是為使用者創造一個能自由預約、彈性使用,並找到專屬寧靜角落的全新體驗。
品牌核心:
「默」與「隅」,象徵一個專為現代都市人設計的寧靜角落。在這裡,真正的專注不是來自外在刺激,而是與自己內在深處的連結。
設計理念:
- 💫 舒適氛圍: 融合自然光影與溫潤木質,營造全天候舒適的氛圍。
- 📖 閱讀角落: 提供適合沉澱與思考的個人化空間。
- ☕ 精緻品味: 融合精品咖啡與手作點心,提升感官享受。
- 🎨 簡約設計: 創造有溫度、不被打擾的視覺環境。
默隅 Moonook
├── 🏠 首頁 (Index)
│ └── 👥 登入/註冊視窗
├── 📅 預約服務 (Service)
├── 👤 會員資料 (Member)
├── 📚 品牌故事 (About)
└── 🍽️ 菜單 (Menu)
功能:
- Header: 包含導航列前往其他頁面的功能。
- 預約及菜單按鈕: 點擊後可前往各自分頁。
- Footer: 包含聯絡資訊。
導航/功能路徑:
- 點擊導航列
「header購物車icon」→ 前往其他頁面 - 點擊導航列
「人物icon」→ 彈跳出登入視窗 - 於
「登入狀態」點擊右上角「會員頭像」→ 前往會員資料頁
功能:
- 註冊/登入功能。
導航/功能路徑:
- 點擊導航列
「人物icon」→ 彈跳出登入視窗 - 填寫
「帳號密碼」後點擊「登入」→ 切換到登入模式
功能:
- 進行預約功能:可選擇日期與時段,點選座位預約。
導航/功能路徑:
- 點擊
立即預約→ 按鈕前往預約區塊 - 選擇
「日期」與「時段」後,點擊「查詢座位」→ 即跳出座位選取視窗 - 選擇
「座位」後,點擊「預約」→ 完成座位預約
功能:
-
預約紀錄:選擇日期與時段,可查看座位預約紀錄與狀態。
- 查詢預約功能:選擇日期與時段,可查看座位預約紀錄與狀態。
- 修改預約內容功能:選擇欲更改內容之預約卡片,可點擊修改狀態。
-
基本資料:可填寫基本資料。
導航/功能路徑:
- 點擊
「預約紀錄」→ 查看預約紀錄區塊 - 點擊
「基本資料」→ 查看基本資料區塊 - 點擊
「會員登出」→ 離開登入模式,並返回到首頁
功能:
- 可使用填寫表單功能。
導航/功能路徑:
- 頁面底部可填寫內容並點選
「送出」
功能:
- 可查看菜單內容。
導航/功能路徑:
- 點擊左側側邊欄,可前往該菜單區塊。
- 首頁 - PC / 手機版頁面已完成。
- 預約服務頁 - PC / 手機版頁面已完成。
- 會員資料頁 - PC / 手機版頁面已完成。
- 品牌故事頁 - PC / 手機版頁面已完成。
- 菜單頁 - PC / 手機版頁面已完成。
- 前端技術: HTML, CSS, JavaScript
- CSS 框架: Bootstrap 5
- 使用套件: