團購網

簡介

團購網的設計目的在於解決社交媒體上進行團購時，團主面臨的商品管理、訂單統計、與團員反覆溝通等問題。 希望透過一個線上團購平台，提供一個便利的解決方案，讓團主可以輕鬆管理商品及訂單，團員也能夠隨時查看商品狀態。 透過平台，我們希望可以簡化團購過程，讓團購變得更加方便、流暢和輕鬆。我們的目標是提供一個方便、高效的團購平台，讓團主和團員可以更加專注於團購本身，並獲得更好的團購體驗。

前端

• 使用 Vite 搭建開發環境，Vue 作為主要框架，Vue-router 管理路由，Pinia 集中管理資料狀態。
• 整合 ESLint、Axios、Swiper、Vue-Chartjs、SweetAlert2、Validator、Socket.io、- Tailwind CSS、GSAP 等第三方套件，增強功能和提升使用體驗。
• 使用 ESLint 做程式碼檢查，確保程式碼符合規範。
• 使用 Axios 處理 API 請求。
• 使用 Swiper 製作商品輪播圖。
• 使用 vue-chartjs 製作後台購買及銷售訂單圖表。
• 使用 SweetAlert2 提供新增、修改成功跟新增、修改、刪除錯誤等等提示。
• 使用 Validator 驗證表單資料。
• 使用 Socket.io 製作私訊聊天室，讓團主與團員溝通更加流暢。
• 使用 Tailwind CSS 為 CSS 框架。
• 使用 GSAP 製作動畫及視差滾動效果。

後端

• 使用 node express 建立伺服器。
• 整合 ESLint、Bcrypt、Cloudinary、Cors、Mongoose、Multer、Passport、Socket.io、Validator 等第三方套件，增強功能和提升使用體驗。
• 使用 ESLint 做程式碼檢查，確保程式碼符合規範。
• 使用 Mongoose 連接 MongoDB 資料庫。
• 使用 Bcrypt 密碼加密。
• 使用 Passport 比對登入密碼。
• 使用 Validator 驗證輸入資料。
• 使用 Multer 上傳圖片至 Cloudinary。
• 使用 Socket.io 製作私訊聊天室
• 使用 Cors 解決資源跨域。

Github

Page