Corner Cocktails

此網站由 Marc jr. 精心製作，名稱取自於團隊成員英文名字的縮寫，我們是一個由 6 人組成的專案團隊。

致力於打造一個專屬於調酒的交流空間，在我們的調酒平台上，你可以找到各式多元的酒譜或是將自己的獨創特調分享出去！

不論你是酒鬼、酒仙、醉漢、小酌之人，希望在這裡都可以找到一杯最喜歡的調酒！

Website (內部測試): https://application-frontend-mhkzpmkvca-de.a.run.app

Storybook: https://61f6c7a2e97ef3003af9a465-ovoucjtugi.chromatic.com/

Github Repo: https://github.com/beecool-cocktail/application-frontend

Website 仍在內部測試中，因 cold start 初次啟動會需要等 10 秒。

使用技術

1. 使用 Next.js + Material UI + Zustand + SWR 進行開發。

2. 使用 Github Actions 整合 GCP Cloud Build & Cloud Run 進行部署。

3. 支援 PWA，可加入手機桌面當作 APP 使用。

與 Backend Developer 合作

1. 使用 OpenAPI Generator，根據 Swagger yaml 產生 Typescript API SDK。

2. 互相使用對方提供的 Docker Image 進行本機開發，降低環境設定難度。

與 UI/UX Designer 合作

1. 討論 Design guidelines，確保 UI/UX 體驗的一致性。

2. 使用 Storybook + MSW 確認各種情境的細節，並透過每次 Chromatic build 的 Visual Tests 讓團隊成員理解每次部署元件的差異。

3. 使用 Rive + React Sprint 進行開發動畫效果。

4. 和設計師、後端工程師討論 Image Optimize 策略，加快讀取速度並減少網路流量。