GraphQL 記帳網站

Avatar of 張志榮.
Avatar of 張志榮.

GraphQL 記帳網站

Java Spring / Node.js / Vue.js Developer
Taipei City, Taiwan

此記帳網站使用了 MERN (MongoDB/Express/React/Node) 架構,使用者可註冊並登入網站,並可新增/檢視/修改/刪除帳目,網站也顯示該使用者按支付/存款/投資而分類的甜甜圈圖表(Donut Chart)。


網站網址:

https://graphql-accountbook.onrender.com/

(測試帳號/密碼 test/test)


相關程式碼:

https://github.com/mchangpi/graphql-account-book

 

編輯帳目頁面

登入頁面

(測試帳號/密碼 test/test)

1. 此網站使用了 MERN (MongoDB/Express/React/Node) 架構,使用者可註冊並登入網站,並可新增/檢視/修改/刪除帳目,網站也顯示該使用者按支付/存款/投資而分類的甜甜圈圖表(Donut Chart)。 2. 前端(React.js)與後端(Node.js)之間的 API 介面採用 GraphQL 格式,並以 Apollo 套件管理前端向後端發出的 query 及 mutation 請求,以新增/檢視/修改/刪除帳目。 3. 後端以 graphql-passport 套件管理使用者認證,使用者以帳號/密碼註冊並登入網站,並以 session/cookie 機制維持使用者的登入狀態。 網站網址: https://graphql-accountbook.onrender.com/ (可自行註冊登入,或是使用測試帳號/密碼 test/test) 相關程式碼: https://github.com/mchangpi/graphql-account-book
Avatar of the user.
Please login to comment.

Published: Mar 25th 2024
36
8
0

Tools

react
React
nodejs
Node.js

MERN

Share