<aside> ❗ Copyright and Ownership Notice
關於這個 notion page 以及其包含的所有 pages （以下統稱「本 page」），其著作權與所有權是屬於台大電機系黃鐘揚教授以及其所開設的網路服務程式設計課程之所有助教 (以下統稱「作者們」) 所擁有。
基於推廣技術與服務大眾之精神，本 page 採取 MIT 授權，即任何人皆可因任何目的使用、複製、修改、發布、與再散佈本 page，包括商業用途。不需簽署協議，也不需支付授權費，惟任何的使用與散佈必須包含本著作權與所有權聲明。如有違反本著作權與所有權聲明，本 page 之作者們仍保有相關的法律追朔權利。詳細關於 MIT 授權的規範請見 OSI 官網。
本 page 之內容以「現狀」提供 (provided "as-is")，不附帶任何保證。對於本 page 之內容如有任何疑問或是建議，請來信 [email protected].
The copyright and ownership of this Notion page and all pages it contains (hereinafter referred to as "this page") belongs to Professor Chung-Yang Huang of Department of Electrical Engineering, National Taiwan University, and all teaching assistants of this Web Programming course that he teaches.
In the spirit of promoting technology and serving the public, this page adopts the MIT License, meaning anyone can use, copy, modify, publish, and redistribute this page for any purpose, including commercial use. No agreement needs to be signed, and no licensing fee needs to be paid, provided that any distribution must include this copyright and ownership notice. In case of violation of this copyright and ownership notice, the authors of this page still retain the relevant legal right to take retroactive action. For detailed regulations regarding the MIT License, please see the OSI official website.
The content of this page is provided "as-is", without any warranty. If you have any questions or suggestions regarding the content of this page, please email [email protected].
</aside>
<aside> 🌐 Web Programming Home
</aside>
✅ 強調：前端與後端都必須各自有 .env 與 .env.example！ 兩邊都要！兩邊都要！兩邊都要！（重要所以說三次）
.env：本機實際設定（不要 commit）.env.example：提供欄位範例與說明（必須 commit）
請實作一個「地圖功能導向」的全端應用，採用 前後端分離架構（React + Node/Express），並整合 Google Maps API。 主題不限，但必須與「地圖 / 地點 / 座標」強相關，並完成登入、資料庫、基本 CRUD (Create、Read、Update、Delete) 與至少一項地圖互動。
目標：練習 前後端串接、本地帳密登入與資料庫整合、以及 Google Maps API 的實作。 不需部署，但架構需清晰、程式乾淨，並能完整重現測試流程。
請避免僅做「靜態標記」；需有至少一種資料型態的 CRUD 與與地圖的雙向互動（例如：地圖點選產生地點表單、列表點選在地圖上定位）。