VolleyBro

一款專為排球愛好者設計、簡單上手的比賽數據追蹤程式

VolleyBro

專案起源與核心價值

專案構思過程

過去在大學系隊或社區排球隊的比賽中,球隊管理者與記錄員通常使用紙筆記錄比賽數據。這種傳統方式存在多項問題:記錄速度較慢,容易因為比賽節奏緊湊而記錯或遺漏關鍵數據,且賽後需要花費額外時間整理統計資料。

我們觀察到現代排球比賽記錄應該能夠利用數位化工具來大幅提升效率。VolleyBro 採用現代化的 Web 技術架構,打造一個兼具易用性與專業性的排球隊伍管理與比賽記錄平台。

採用方案

技術層面上,我們選擇 Next.js 15 作為前端框架,搭配 React 19 實現流暢的使用者介面;採用 MongoDB 作為資料庫;遵循 Clean Architecture 原則,並透過 InversifyJS 實現依賴注入。

技術架構

  • Next.js 15, React 19, TypeScript
  • Tailwind CSS, Motion
  • MongoDB / Mongoose
  • NextAuth.js + Google OAuth
  • Clean Architecture + InversifyJS
  • PWA / Serwist
  • Storybook

專案願景

  • 多語系支援(進行中)
  • 智慧分析引擎:AI 驅動的戰術建議與球員表現預測
  • 原生行動應用程式(iOS / Android)
  • 社群與賽事管理功能

發布日期

ReactTypeScriptClean ArchitectureMongoDBPWA

語言

中文