第十七屆 佳作

mobile-development
《30 天 Flutter:跨平台 AI 行程規劃 App》
yenyen0318

系列文章

DAY 21

Day 21 - 從單機到分享:讓旅伴也能擁有這份完美行程

前幾天已經成功地讓使用者即使在沒有網路的情況下,也能安心地規劃行程。但我開始思考,一個完美的行程,如果只能自己用,是不是有點可惜? 我想做的,不只是讓 App...

DAY 22

Day 22 - 行程 APP 沒地圖怎麼行?從零打造地圖互動功能,試試 ChatGPT 的教學體驗

今天不知道 Gemini 怎麼了,突然直接噴 500 錯誤,原本想靠它來學習 Google Map 套件。既然不給力,就乾脆跳槽到 ChatGPT 吧!剛好最近...

DAY 23

Day 23 - 地圖實戰:把每天行程串成路線圖,一鍵就出發

上一篇入門地圖套件的各參數並可以簡易使用,今天就要把行程跟地圖真正串起來,讓使用者可以直覺地看到每天的活動分布。 這次的目標是: 新增地圖頁面將當天所有行程用...

DAY 24

Day 25 - 地圖實戰:Map Style,自己的地圖自己定義

在行程規劃 App 裡,地圖不只是背景,而是資訊承載的重要介面。今天要動手實作 Google Map 在 Flutter 中的客製化應用,重點在於「地圖樣式切換...

DAY 25

Day 24 - 地圖實戰:客製地圖 Marker 讓行程一看就懂

Marker 的 infoWindow 雖然可以在點擊後顯示景點資訊,但對於「點擊後直接導航」這個需求就產生了衝突。為了讓使用者不用點擊就能一眼知道這是哪個景點...

DAY 26

Day 26 - 擴充行程規劃 APP:加入 AI 對話式編輯器

背景與痛點 在近期實際規劃行程的過程中,我試用了這款 AI 行程規劃 APP。不得不說,AI 自動產生行程的功能確實大幅降低了使用門檻,使用者只要輸入需求就能立...

DAY 27

Day 29 - 藍圖旅人的誕生:從命名、Icon 到啟動畫面的全紀錄

命名的誕生 歷經快三十天的開發,今天終於要幫我的 APP 正式命名了。在 AI 的輔助下,最後採用了 Gemini 點子發想模式提供的建議: 名稱:藍圖旅人(...

DAY 28

Day 27 - 讓 AI 行程編輯器動起來:畫面實作與假資料串接

昨天針對「AI 對話式行程編輯器」進行了完整的設計與規劃,從使用者痛點、功能目標到 API 資料流和程式碼架構,都已經有了清晰的藍圖。今天的目標很單純就是一直寫...

DAY 29

Day 28:從雛形到產品,讓 AI 編輯器不再只是展示品

昨天將設計藍圖化為實際可運作的 UI,並透過假資料模擬了 AI 聊天編輯器的核心功能,今天,將迎來另一個關鍵時刻:串接真實的 AI API。 與假資料的無痛串接...

DAY 30

Day 30 - AI 行程規劃 App 真實旅遊體驗 & 30 天完賽心得

今天讓我用自己做的 AI 行程規劃 APP 幫我安排日月潭兩日遊。本來排的是早上到日月潭、先去文武廟再搭船遊湖──結果九點抵達這件事我真的辦不到,哈哈哈。於是自...