iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
佛心分享-SideProject30

房東不給養鸚鵡 - 那就用 Nuxt + Express + MongoDB 30 天寫一個全端鸚鵡專案 系列

挑戰人生第一次鐵人賽,就來個佛心分享 side project,從專案發想、規劃、設計、資料庫、開發到部署,技術使用 Nuxt 3、Tailwind CSS、Pinia、Axios、Express、MongoDB,製作一個前後端分離的鸚鵡專案,功能主要介紹食物計算機和聯絡我們,希望可以讓更多人瞭解專案的完整流程 ✨

鐵人鍊成 | 共 30 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文 團隊跟著2魚一起坐牢
DAY 1

[ DAY1 ] 飛機修不好,鸚鵡也不能養?那就來做網站吧!

自我介紹 嗨嗨,我是 2魚,目前在高雄的一家新創公司擔任全端工程師。沒錯,你沒聽錯,我曾經是空軍,就是隊伍介紹那個修飛機的 ✈️。去年,我從 Tibame 結訓...

2024-09-10 ‧ 由 2魚 分享
DAY 2

[ DAY2 ] 前後端分離攻略!30天專案技術配備大解密

哈囉大家好!我是 2魚,正在參加 2024 年的 iT 邦幫忙鐵人賽!這是我的第二篇文章喔~如果還沒看過第一篇的朋友,可以先回去看看我參賽的緣起,以及接下來 3...

2024-09-11 ‧ 由 2魚 分享
DAY 3

[ DAY3 ] 網站規劃三部曲:發想、收斂、畫網站地圖

哈囉大家好!我是 2魚,今天是第三天鐵人賽,我們要來聊聊這個專案的規劃過程,從腦中的靈光一閃到具體的網站地圖,一起來看看這段有趣的歷程吧! 網站功能發想:從零到...

2024-09-12 ‧ 由 2魚 分享
DAY 4

[ DAY4 ] 翱翔於需求與設計之間:鸚鵡網站的使用者故事與流程圖

哈囉大家好!2魚又來啦~今天是鐵人賽的第四天,我們要來聊聊使用者故事和流程圖這兩個超級實用的工具!別擔心,雖然聽起來很專業,但我會用最簡單的方式解釋給大家聽喔!...

2024-09-13 ‧ 由 2魚 分享
DAY 5

[ DAY5 ] 當線條開始敘事:用線稿圖探索網站設計的起點

哈囉大家好!我是 2魚,今天是鐵人賽的第五天啦!今天我們要來聊聊一個超級有趣又實用的東西:線稿圖(Wireframe)!沒錯,就是那個看起來像草稿,卻能讓你的網...

2024-09-14 ‧ 由 2魚 分享
DAY 6

[ DAY6 ] 從黑白到繽紛:Figma 的網站調色與 Mockup 實驗室

哈囉大家好!我是 2魚,今天是鐵人賽的第六天啦!經過前幾天的準備工作,我們終於要進入令人期待的設計階段了!今天我要跟大家分享如何從簡單的線稿圖進化到精美的高保真...

2024-09-15 ‧ 由 2魚 分享
DAY 7

[ DAY7 ] 資料管理新手村:MongoDB 結構設計初體驗

哈囉大家好!我是 2魚,今天是鐵人賽的第七天啦!經過前幾天的努力,我們已經有了網站的基本設計,現在是時候來處理網站的「大腦」了 —— 也就是資料庫!今天,我們要...

2024-09-16 ‧ 由 2魚 分享
DAY 8

[ DAY8 ] 資料庫新手的雲端之旅:Atlas 部署與 Compass 探索

哈囉大家好!我是 2魚,歡迎來到鐵人賽第八天的資料庫冒險!昨天我們學習了如何規劃資料表,今天我們要更進一步,實際動手把我們的鸚鵡食堂搬進雲端啦!我們將使用 Mo...

2024-09-17 ‧ 由 2魚 分享
DAY 9

[ DAY9 ] 資料庫填充秘笈:AI 助手、JSON 轉換與 Compass 完美配合

大家好!我是 2魚,歡迎來到鐵人賽第九天的資料處理小教室!還記得昨天我們學會了如何使用 MongoDB Compass 手動輸入資料嗎?今天,我們要面對一個更大...

2024-09-18 ‧ 由 2魚 分享
DAY 10

[ DAY10 ] 輕鬆管理網站圖片:Firebase Storage 使用教學

大家好!已經來到第十篇文章了 🎉今天我們來聊聊如何使用 Firebase Storage 來存儲我們的圖片。上次我們把資料整理好並匯入了 MongoDB Com...

2024-09-19 ‧ 由 2魚 分享