Vue3 + Pinia + 串接 RESTful API 簡易代辦系統

DEMO　|　GitHub Repo(前端)　|　GitHub Repo(後端)

作品說明

2024 年 4 月利用後端培訓課程的預習內容，使用 Node.js 建立 RESTful API 並部屬到 Render 網路雲端服務。這是為了測試前端專案使用 AJAX 串接 API 而開發的，它是一個簡易的今日代辦紀錄系統。該系統提供新增、刪除、編輯代辦事項的功能。

作品開發時間：2024/4

開發工具介紹

- 作業系統：Windows 11（64 bit）

- 開發工具：Visual Studio（版本 1.82.10）

- JavaScript 框架：Vue 3（Options API寫法）

 - 套件：axios

- Vue3 建構工具（預處理器）：Vite （ Node.js 版本 18.17.1）

 - 套件：pinia

- 切版框架：Bootstrap 5

 - CSS 預處理器：SCSS

使用技術(前端)

-框架技術 Vue3 與 Bootstrap 5 開發

-SCSS 規劃響應式版型

-使用 Vue3 的 Pinia 進行狀態管理

-使用 AJAX 串接自己開發的後端 API

-Vite 進行編譯與打包

使用技術(後端)

-Node.js 建立 RESTful API

-程式部屬到 Render 網路雲端服務

後端 API 來源

-自行開發

 - 套件：uuid （版本 v4）

設計稿資訊

自行設計。

其他說明

專案資料夾架構等請詳見 GitHub Repo 該專案的 README.md 檔案。