網址為: https://www.fun4play.fun 1. 從零製作一個陪玩平台至完整上線 (利用晚上下班時間製作，耗時 8個多月) 2. 前後端分離 3. 所有的後端 (Typescript) 4. 所有的前端 (Vue3、Nuxt3) 5. 所有的雲端 (GCP) [正式上線營運的陪玩平台] 一人處理所有前端、後端、雲端的工程開發 技術: Vue3、Nuxt3、TypeScript、TailwindCss、GCP Cloud Run、Cloud Storage、Firebase、Realtime Database、NestJs、Cloud Sql、Github、Cloud Build with Dockerfile、PWA 前後端分離 可以直接 google 搜尋 fun4play 網址 https://www.fun4play.fun [系統功能] 1. SEO 處理 2. 通過 google auth consent 的登入註冊機制 3. 申請成為陪玩師 / admin 審核是否通過 4. 金流儲值，admin 在後台建立、編輯平台幣的資訊 5. 金流串接第三方 FunPoint 金流 6. 陪玩師設定各個遊戲技能價格、遊戲截圖介紹、遊玩時的語音介紹 7. 可以直接透過編輯器撰寫個人風格的介紹，直接呈現在陪玩師個人頁面 8. 切換深色模式 9. 禮物系統，admin 可以在後台建立禮物資料、價格、圖片 10. 用戶在陪玩師個人頁，可以消費儲值平台幣贈送禮物給陪玩師 11. 優惠券系統，用戶在送禮的時候還會有 90% 的打折優惠券可以選擇 12. 聊天室，可以看到用戶上線狀態、可以傳送文字、圖片訊息 13. 聊天室內可以消費平台幣贈送禮物給陪玩師 14. 聊天室可以直接切換找到平台客服，直接與真人平台客服對話 15. 用戶個人資料編輯、上傳多張圖片 16. 聊天室的圖片點擊放大功能 17. 聊天室可以直接送禮物 18. 用戶、陪玩師可以綁定 Line 通知，有人下單、傳送訊息、客服回覆、審核通過等等都會即時發送訊息至陪玩師的 Line 19. 快速即時約單功能，只要用戶送出想要約單，將會把資訊同步通知到官方 Discord 群組，通知給所有陪玩師，讓他們可以去找到正想下單的用戶 20. 訂單雙方確認系統，訂單將有 4 個狀態，買家已下單、陪玩進行中、買家確認、訂單已完成。在陪玩過程中，陪玩師確認結束時必須等待對方買家也同意確認好，才會將此陪玩訂單設為完成，此為雙方確認交易機制 21. 陪玩訂單狀態的任何更新，都會發出即時通知 22. 用戶在線系統，透過 firebase firestore 和 realtime database 的功能，就能知道用戶是否在線，並即時同步在線名單給所有用戶 還有非常多功能，甚至是陪玩師中心、admin 後台功能歡迎找我來面試詳談 [前端開發用到的套件] 網站上大量組件都是自行開發，沒有使用第三方 UI 庫就能做到 因為沒有使用第三方 UI 庫，要客製深色模式將會非常容易 package.json 開發用到的套件清單 { "devDependencies": { "@nuxtjs/eslint-config-typescript": "^12.0.0", "@tailwindcss/aspect-ratio": "^0.4.2", "@tailwindcss/line-clamp": "^0.4.4", "@tailwindcss/typography": "^0.5.9", "@types/js-cookie": "^3.0.3", "@types/uuid": "^9.0.2", "autoprefixer": "^10.4.14", "eslint": "^8.44.0", "eslint-config-prettier": "^8.8.0", "eslint-plugin-prettier": "^4.2.1", "eslint-plugin-vue": "^9.15.1", "nuxt": "^3.6.2", "nuxt-simple-sitemap": "^3.0.8", "plop": "^3.1.2", "postcss": "^8.4.25", "postcss-hexrgba": "^2.1.0", "prettier": "^2.8.8", "rimraf": "^5.0.1", "tailwindcss": "^3.3.2", "vite-plugin-svg-icons": "^2.0.1", "vitest": "^0.33.0", "vue-tsc": "^1.8.4" }, "dependencies": { "@pinia/nuxt": "^0.4.11", "croppie": "^2.6.5", "dayjs": "^1.11.9", "firebase": "^10.0.0", "js-cookie": "^3.0.5", "keen-slider": "^6.8.6", "pinia": "^2.1.4", "uuid": "^9.0.0", "xss": "^1.0.14" } } 額外引入 quill.min.1.3.7.js