//assets.cakeresume.com/assets/contentarea/contentarea-2d64eca8dae2a1ffb31e0fb1df887bbad072c7c19734d7d30fa14884bbcc299a.css

1. 此網站使用了 MERN (MongoDB / Express / React / Node) 架構，讓使用者以第三方驗證登入，使用者可搜尋 GitHub 帳號，查看該帳號簡介及相關程式庫(repository)，並可紀錄該帳號為喜歡的 Github 帳號。
2. 後端(Node.js / Express.js)負責自前端(React.js)接收 GitHub 帳號的查詢，後端再向 GitHub API 查詢該帳號的程式庫資訊，最後將取得的資訊回傳至前端顯示。
3. 後端以 Passport.js 管理第三方驗證(GitHub strategy)，使用者通過第三方驗證後即登入網站，使用者可搜尋 GitHub 帳號，也可紀錄(使用 MongoDB)該帳號為喜歡的 Github 帳號。

網站網址: 
https://mern-github-9zwl.onrender.com/

相關程式碼: 
https://github.com/mchangpi/mern-github

Github-like Web App 

Java Spring / Node.js / Vue.js Developer

張志榮

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

GraphQL 記帳網站

此Notes 記事本網址: 
https://notestore-ebeec.web.app/

該Notes 網站包含記事的增刪查改功能，並使用了技術: Vue / Vue Router / Pinia / Firebase

相關程式碼:
https://github.com/mchangpi/vue-course/tree/main/70-noteballs

謝謝

Notes 記事本網站

此Pizza 點餐系統網址: 
https://mchangpi.github.io/ultimate-react-course/

可於此Pizza 點餐系統︰選擇Pizza、調整數量並下訂單，使用了技術如下︰

React: 管理元件的狀態及副作用(side effects)
React Router: 實作前端分頁功能
Redux: 管理前端全局狀態(購物車資料及用戶資料)
TailwindCSS: 美化前端介面

相關程式碼:
https://github.com/mchangpi/ultimate-react-course/tree/deploy-fast-pizza/work/282-fast-pizza

謝謝

Pizza 點餐系統網頁前端

2023 RWD響應式網頁設計行銷班

臺北市私立聯成電腦語文短期補習班

我正在尋求網頁後端及前端程式設計 (Java Spring / Node.js / Vue.js ) 的工作機會

為了培養網頁開發技能，我參與了相關網路培訓課程: 

1. Udemy 課程 Learn Spring Boot 3 in 100 Steps:
透過該課程學習學習 Spring Boot 相關知識: Thymeleaf 模板，Spring Data JPA， Hibernate 以及 Spring Security。

2. 網路教學影片 GraphQL Crash Course in 2024 | Build a Full Stack MERN App:
透過該影片學習GraphQL API格式及MERN (MongoDB / Express / React / Node) 技術架構。

3. Udemy 課程 Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite): 
透過該課程學習 Vue / Vue Router / Pinia 等網頁前端技術。

我的上一份工作任職於財金資訊股份有限公司卡片設計組，工作內容為以Java Spring框架開發信用卡交易授權轉接相關功能。  

第⼀份⼯作於泰金寶電通擔任韌體⼯程師，開發多功能事務機韌體，開發的嵌入式系統: Embedded Linux, VxWorks, Threadx；開發及維護的功能模組為: Flatbed Scanner, Monochrome Printer。

也於泰金寶電通協助架設 Redmine server (問題追蹤系統)及開發 Redmine plugin 以維護員⼯資料。

國立台灣大學 National Taiwan University

國立台灣大學

財金資訊股份有限公司

助理工程師

負責開發信用卡/金融卡交易轉接授權相關功能。
Credit Card/Debit Card transaction message switching and routing


台灣臺北

Embedded system for multi-function printer
1. Board support package verifications and maintenance
2. Porting Printer module from SOC Quatro 53xx to SOC Quatro 55xx

Back-end web design: Redmine (based on RoR)
1. Redmine deployment and backup
2. Redmine plugin development: CRUD functions for employee data

分享