下午茶揪團去 TeaTime Gathering

• pages：https://annchoucode.github.io/TeaTime-Gathering/
• figma：https://www.figma.com/TeaTimeGathering

頁面

首頁、店家頁、點餐頁、訂餐月曆、建立投票頁、使用者後台

功能

• 登入、登出
• 當日揪團活動閱覽
• 揪團、投票活動月曆檢索
• 店家列表檢索
• 點餐跟團既有活動
• 建立訂單
• 投票既有活動
• 建立投票活動
• 撰寫評價
• 評價、留言閱覽
• 使用者後台閱覽

安裝

以下將會引導你如何安裝此專案到你的電腦上。

• 專案的 Node.js 版本需為 v16 以上

取得專案

git clone https://github.com/AnnChouCode/TeaTime-Gathering.git

安裝套件

npm install - 初次下載該範例專案後，需要使用 npm install 安裝套件

運行套件

• npm run dev - 執行開發模式
• 若沒有自動開啟瀏覽器，可嘗試手動在瀏覽器上輸入 http://localhost:5173/TeaTime-Gathering/pages/index.html

專案技術

• 前端技術
  • HTML5
  • CSS3
  • JavaScript
• 開發工具
  • Vite
  • Github Flow
• 預處理器
  • Sass
• 框架與套件
  • Bootstrap 5.3.1
  • AXIOS 1.6.1：API 操作
  • jQuery 3.7.1：API 操作、套件控制、按鈕互動效果控制
  • Moment 2.29.4：時間處理
  • flatpickr 4.6.13：時間選擇器
  • autoComplete 10.2.7：搜尋關鍵字聯想
  • Pagination 2.6.0：頁碼
  • Swiper 10：跑馬燈輪播
  • AOS 2.3.1：動畫效果
  • Tocas UI 4.2.5：progress 進度條與處理 loading 動畫
  • evocalendar 1.1.2：月曆
  • Chart 4.0：圖表數據視覺
  • Crypto-js 4.2.0：加密解密 token
• 設計工具
  • Figma

作者

• Ann Chou github
• Billy Ti github
• Mark github
• WA github

設計師

• Selina：首頁、設計規範
• Ann Chou：其他頁面