Gomoku Next

線上五子棋對戰

  • Next.js
  • Tailwind
  • Firebase
  • Mar, 2024 - May, 2024

Gomoku NextGomoku (2018) 的重製版本

功能簡介

遊戲畫面

Gomoku Next 是使用 Next.js 14 開發的線上五子棋遊戲,具有以下豐富功能:

  1. 建立或透過 ID 加入房間
  2. 以 Google 帳號或是訪客模式登入
  3. 編輯個人檔案:名稱和 Emoji
  4. 無禁手的五子棋對弈
  5. 聊天室
  6. 棋步覆盤
  7. 查看自己和對手的戰績
  8. 深色模式
  9. i18n:支援英文、正體中文、日文、韓文

技術說明

  1. Next.js 14 + TypeScript + Tailwind CSS
  2. 使用 next-intl 實作 i18n
  3. 使用 @reduxjs/toolkit 管理全域狀態
  4. 使用 Firebase Realtime Database 作為後端資料庫
  5. 使用 Firebase Authentication 處理身份驗證
  6. 透過 Route Handler 處理所有由 client 端主動發起的請求並寫入資料庫
  7. 部署至 Vercel

遊戲畫面

大廳
結果
個人資料
戰績

Demo

https://gomoku.ngseke.me