Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

147 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

團隊專題 #A-1 默隅 | Moonook

📋 目錄


👥 團隊成員

指導教練:阿蘇

前端組員(名單按 A-Z 英文字母排序):

設計師: Gabi Lin

☕ 專題概念

默隅 Moonook ,是打造一個以「共享空間 × 咖啡廳 × 網咖計時制」為靈感的複合式空間管理系統。我們相信,空間不該只是被佔用,而應該被選擇、被感受。這個系統不僅是預約座位,更是為使用者創造一個能自由預約、彈性使用,並找到專屬寧靜角落的全新體驗。

品牌核心:

「默」與「隅」,象徵一個專為現代都市人設計的寧靜角落。在這裡,真正的專注不是來自外在刺激,而是與自己內在深處的連結。

設計理念:

  • 💫 舒適氛圍: 融合自然光影與溫潤木質,營造全天候舒適的氛圍。
  • 📖 閱讀角落: 提供適合沉澱與思考的個人化空間。
  • ☕ 精緻品味: 融合精品咖啡與手作點心,提升感官享受。
  • 🎨 簡約設計: 創造有溫度、不被打擾的視覺環境。

🎨 頁面設計

📄 頁面架構

默隅 Moonook

├── 🏠 首頁 (Index)

│       └── 👥 登入/註冊視窗

├── 📅 預約服務 (Service)

├── 👤 會員資料 (Member)

├── 📚 品牌故事 (About)

└── 🍽️ 菜單 (Menu)

🏠 首頁

功能:

  • Header: 包含導航列前往其他頁面的功能。
  • 預約及菜單按鈕: 點擊後可前往各自分頁。
  • Footer: 包含聯絡資訊。

導航/功能路徑:

  • 點擊導航列「header購物車icon」前往其他頁面
  • 點擊導航列「人物icon」彈跳出登入視窗
  • 「登入狀態」點擊右上角「會員頭像」前往會員資料頁

👥 登入/註冊視窗

功能:

  • 註冊/登入功能。

導航/功能路徑:

  • 點擊導航列「人物icon」彈跳出登入視窗
  • 填寫「帳號密碼」後點擊「登入」切換到登入模式

📅 預約服務

功能:

  • 進行預約功能:可選擇日期與時段,點選座位預約。

導航/功能路徑:

  • 點擊立即預約按鈕前往預約區塊
  • 選擇「日期」「時段」後,點擊「查詢座位」即跳出座位選取視窗
  • 選擇「座位」後,點擊「預約」完成座位預約

👤 會員資料

功能:

  • 預約紀錄:選擇日期與時段,可查看座位預約紀錄與狀態。

    • 查詢預約功能:選擇日期與時段,可查看座位預約紀錄與狀態。
    • 修改預約內容功能:選擇欲更改內容之預約卡片,可點擊修改狀態。
  • 基本資料:可填寫基本資料。

導航/功能路徑:

  • 點擊「預約紀錄」查看預約紀錄區塊
  • 點擊「基本資料」查看基本資料區塊
  • 點擊「會員登出」離開登入模式,並返回到首頁

📚 品牌故事

功能:

  • 可使用填寫表單功能。

導航/功能路徑:

  • 頁面底部可填寫內容並點選「送出」

🍽️ 菜單

功能:

  • 可查看菜單內容。

導航/功能路徑:

  • 點擊左側側邊欄,可前往該菜單區塊。

📈 開發進度

💻 前端切版階段

  • 首頁 - PC / 手機版頁面已完成。
  • 預約服務頁 - PC / 手機版頁面已完成。
  • 會員資料頁 - PC / 手機版頁面已完成。
  • 品牌故事頁 - PC / 手機版頁面已完成。
  • 菜單頁 - PC / 手機版頁面已完成。

🛠️ 技術


About

No description, website, or topics provided.

Resources

Stars

3 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages