iT邦幫忙

2026 iThome 鐵人賽

DAY 1
0

今日目標說明

這是我第四年參加鐵人賽,過去幾年我分別挑戰了 VsVim、Pandas 以及 OpenCV 等主題。而今年,我決定來點不一樣的,挑戰完整的全端專案開發

這 30 天的系列文章,我將會和大家分享我近期開發的一個 Side Project —— 「寶可夢持有追蹤系統」

為什麼想開發這個系統?

這個專案的誕生,完全是源自於身邊熱愛 Pokémon GO 的家人朋友們。為了蒐集特殊寶可夢,朋友們甚至開了多個帳號來交換與儲存。原先大家都是用 Excel 在記錄自己的圖鑑進度,但隨著遊戲不斷推陳出新、變動頻率極高,Excel 紀錄很快就變得又亂又難以維護。

為了解決這個「痛點」,我就興起了開發這套系統的念頭。希望讓玩家能夠有專屬的帳號登錄,自己維護擁有的寶可夢名單,並能隨時透過系統快速查看目前的蒐集進度。

這 30 天你會看到什麼?

接下來的一個月,我會將這套系統從零到有、完整部屬上線的過程,拆解成 30 篇的文章。將會涵蓋:

  • 前端開發:使用 React (Vite) 搭配 Material UI 打造乾淨、直覺的圖鑑介面。
  • 後端開發:透過 Express + TypeScript 建立穩定且帶有驗證機制的 RESTful API。
  • 雲端資料庫:使用輕量級的 Turso 資料庫儲存使用者的寶可夢資料。
  • 雙端部署:將後端部署至 Vercel,前端部署至 Render,完成真正的全端上線!

每天的文章我都會盡量控制在「一個小功能」或「一個重點」,確保每天的閱讀與撰寫都不會有太大的負擔,我們一步一步穩穩地把系統蓋起來。

小結

今天是開賽的第一天,主要和大家聊聊這個專案的初衷與接下來 30 天的藍圖。明天我們就會進入正題,來詳細解析這套系統的「架構與技術選型」。

就決定是你了!我們明天見啦!


下一篇
DAY 2:系統架構與技術選型
系列文
就決定是你了!打造寶可夢持有追蹤系統 (React x Express)9
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言