A Website : Alan's World

Live Demo

---

技術介紹📌 前端 由 HTML、CSS、JavaScript 構成，支援 RWD (響應式設計)，確保桌機與手機能夠正常瀏覽。 在 CSS 使用 Media Queries 確保手機與桌機排版正確。 透過 Fetch API 發送 JSON 格式的 POST 請求到 Flask。 後端 使用 Python + Flask，負責處理使用者提交的表單，並發送 Email 確認通知。 Docker 透過 Docker 打包 Flask 應用程式，確保在任何環境下都能運行。 在專案目錄建立 Dockerfile，打包並上傳至 DockerHub (為後續 K8s 做準備)。 Kubernetes 部署 (GKE) 透過 Kubernetes 來管理 Flask 容器，並部署到 Google Kubernetes Engine (GKE)。 撰寫 deployment.yaml 和 service.yaml。 在 Service type 選擇 LoadBalancer，並透過 GKE 提供一個外部 IP。