跳至主要内容

電競直播網站

當初轉職時,做了一個 Side Project,主要是用來讓電競迷可以追蹤賽事、看直播聊天。雖然現在各大直播平台都可以輕易做到比賽轉播、聊天,但我的目標是放在追蹤賽事並儲存在日曆上這一塊,有蠻多參考 B 站、虎牙、Twitch 去想功能。總之,因為是很喜歡的東西,所以做起來很快樂! 現在要用沒試過的技術去重構,因此想記錄重構的過程,也希望藉由這次讓自己更熟悉後端。
這次建構的遊戲以第五人格為範例,因為作者遊只五。

網站架構規劃

請 GPT 擔任 PM 角色,跟他討論了大致的方向跟開發順序。

網站功能

-- 賽事追蹤日曆
-- 直播聊天室
-- 比賽一覽顯示
-- 戰隊數據
-- 會員自定義 (支持喜愛隊伍)

預期使用技術

Frontend

React + Next.js
TypeScript
Redux
Tailwind CSS

Backend

Node.js
Express
Websocket (chat)
MySQL

Deploy

Vercel
Railway