iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
佛心分享-IT 人自學之術

從 Figma 到 Angular:打造智慧醫院預約掛號系統的 30 天實作之旅 系列

這是一個以智慧醫院預約掛號系統為主題的 30 天實作挑戰。我將從現有的需求分析與Figma設計開始,結合Angular、ASP.NET Core、C#與Oracle,將設計實際開發成一個可以操作的智慧醫院預約網站。
以一般使用者的預約掛號流程為核心,實作首頁、醫師查詢、醫師詳細資訊、登入、預約掛號、預約成功、我的預約與取消預約等功能。
這系列不只是技術教學,也會記錄實際開發過程,包括功能規劃、程式撰寫、Bug 排除、Figma與Angular的轉換,以及ChatGPT與Codex如何協助開發。
目標是在 30 天內打造出兼具流暢前端互動與後端 API 串接的實用掛號系統。

參賽天數 12 天 | 共 12 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11|Footer 也元件化:開始建立可重複使用的網站結構

在 Day 10,我把原本的 Header 從 HTML/CSS 的思維轉換成 Angular Component。 完成之後,我開始發現: 如果 Heade...

2026-09-25 ‧ 由 syy 分享
DAY 12

Day 12|把 Figma 首頁真正做進 Angular

前幾天開始學習 Angular Component 與 Routing,網站也慢慢有了基本架構。 到目前為止,我已經完成: Day 9 → Routing Da...

2026-09-26 ‧ 由 syy 分享