iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
生成式 AI

30 天 Vibe Coding:全端 × 機器學習的實作挑戰 系列

前半段要做一個記帳 App,從最簡單的 localStorage MVP 開始,一路升級到 Firestore 雲端同步、分類管理、統計圖表、預算提醒、搜尋與匯出,看看日常的開銷能怎麼被數位化整理。其實是被超多人做過的專案但我還沒做過,先練練手><
後半段則來做情緒日記網站,先完成基礎 CRUD 與雲端保護,再進一步加入文字情緒分析、圖表視覺化、PWA 支援,甚至語音輸入與語音情緒辨識,最後還會嘗試文字 × 語音的多模態融合。
整個系列的精神是「先做出來再說」,不追求完美,而是靠 AI 工具快速驗證、快速迭代,看看 30 天內能不能 vibe 出一個真的能用的作品

參賽天數 23 天 | 共 23 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1|30 天 Vibe Coding:能不能撐下去全看 AI 給不給力

最近 Vibe Coding 超紅,到處都有人在挑戰「每天寫一點小東西」。只能說現在的AI太強大了,就算完全不會寫程式,也能靠 ChatGPT、Gemini 生...

2025-09-01 ‧ 由 霓霓 分享
DAY 2

Day 2|30 天 Vibe Coding:要吃飯哪能沒有碗

昨天豪氣萬千地宣布要挑戰 30 天 Vibe Coding,結果打開電腦才發現環境還沒裝俗話說:「工欲善其事,必先利其器」要是環境沒搞好,明天開始記帳 App...

2025-09-02 ‧ 由 霓霓 分享
DAY 3

Day 3|30 天 Vibe Coding:記帳 App MVP

今天正式開始第一個 side project —— 記帳 App!身為月光族,我真的很需要知道我的錢錢到底花去哪了,所以今天就丟一個 prompt 給 Curs...

2025-09-03 ‧ 由 霓霓 分享
DAY 4

Day 4|30 天 Vibe Coding:換手機就失憶,帳本一定要上雲端

昨天的 MVP 記帳 App 只能乖乖存在手機裡,一旦換機或重灌就 GG 斯密打今天要讓它升級成「雲端同步版」:登入 Google 帳號 → 紀錄存到 Fire...

2025-09-04 ‧ 由 霓霓 分享
DAY 5

Day 5|30 天 Vibe Coding:到底是固定支出還是我又亂花

昨天我們把記帳 App 搬到雲端,資料全丟進 Firestore 了,今天要解決一個更基礎的需求 → 支出的分類與標籤管理,只有單純輸入金額沒辦法分析錢到底花在...

2025-09-05 ‧ 由 霓霓 分享
DAY 6

Day 6|30 天 Vibe Coding:看到數字就暈,能不能一張圖講清楚

昨天我們已經有了「分類功能」,今天要讓帳本更直覺:光看清單還是數字一堆,完全沒有感覺,所以今天要畫一張 圓餅圖,讓我能一眼看出「這個月到底都花在哪裡」 今日目...

2025-09-06 ‧ 由 霓霓 分享
DAY 7

Day 7|30 天 Vibe Coding:財富自由我不知道,透支我倒是挺擅長

昨天我們已經有了圓餅圖,能一眼看出「錢都花在哪裡」,但看到一堆比例跟金額,還是有種「嗯…好像花很多?」卻沒有一個明確的警戒線,所以今天要做的,就是加入每月預算與...

2025-09-07 ‧ 由 霓霓 分享
DAY 8

Day 8|30 天 Vibe Coding:想翻舊帳還翻不出來

昨天我們做了「預算與超支提醒」,今天要解決另一個日常痛點:帳本裡紀錄一多,光靠手動滑清單實在太麻煩。我只想知道「上個月交通費到底花了多少」——但卻要翻很久 所以...

2025-09-08 ‧ 由 霓霓 分享
DAY 9

Day 9|30 天 Vibe Coding:只看數字,完全想不起來我在幹嘛

昨天做了「搜尋與篩選」,可以快速找到某個月、某個分類的支出但問題來了:找到之後,還是只看到「2025/09/05 | 飲食 | $1400」……那天到底吃了什麼...

2025-09-09 ‧ 由 霓霓 分享
DAY 10

Day 10|30 天 Vibe Coding:帳本一匯出,全是我不想承認的事實

昨天我們把備註加上去了,今天的最後一個基礎功能就是「匯出」。畢竟一個帳本,總是會有需要備份或分享的時候。不過對我來說,匯出檔案的意義更像是:把這十天做出來的東西...

2025-09-10 ‧ 由 霓霓 分享