About
Portfolio
陳奎辰 Roy Chen
亞東科技大學(原亞東技術學院)
2014.9 - 2018.6
https://github.com/roychen3
[email protected]
經歷
奔騰網路科技股份有限公司
- 前端工程師
2022.11 - 至今
Micro frontends, Module Federation, webpack5, TypeScript, React, Vue, MobX, rollup, vite, Git, HTML, CSS
使用 webpack5 與 Module Federation 建置主應用與微應用專案
使用 github action 實踐 ci 做程式碼檢查
使用 Jest 撰寫單元測試以及使用 React Testing Library 撰寫元件測試
使用 i18next 實踐多國語系
專案:
開發新產品「Mavis auto」
使用 vit、webpack5 與 Module Federation 建置主應用
使用 Auth0 做身分驗證
使用 Split.js 實踐擴充區域,讓 app 之後可以掛載各種擴充功能
掛載 Cloud Credential 微應用 設計整體主專案架構
開發新微應用「Cloud Credential」
負責開發 Credential 明細畫面
開發新微應用「Repository」
負責開發 repo 查詢功能、檔案上傳功能
開發 Component Library
使用 antd 做 code base 開發公司產品的共用 component,讓各個產品與微應用專案可高重複使用相同 component,節省開發時間與保持 UI 的一致性
使用 rollup 打包,並發佈在公司內架設的 npm private server
使用 storybook 選寫 component 文件與使用範例
負責開發 'Upload'、'UploadModal'、'SelectionArea'、'SearchFilter' 元件
開發與設計公司內部用的 Micro frontends 框架
讓建置新的 Micro App 可以更快速與方便,只需要讓開發微應用的開發人員專注在此應用的功能上
使用 MobX 狀態管理來處理不同微應用之間的溝通
開發主應用與微應用的溝通介面
維護
「MRVN」
產品
使用 webpack5 與 Module Federation 在 Vue app 中使用 React 的微應用
因應掛載微應用 Repository,新增相關權限與管理功能
優化與修復 bug
維護
「Mavis」
產品
依需求增加功能
維護
「GateOne」
library(forked)
修復網頁 terminal 模擬器的游標操作與指標操作 bug
網家跨境服務股份有限公司
- 前端工程師
2022.4 - 2022.10
Next.js, React, Redux, Tailwind, Jest, webpack, Git, HTML, CSS
使用 Next.js & Redux 架構前端系統
使用 Jest 撰寫單元測試以及使用 React Testing Library 撰寫元件測試
使用 Husk 搭配 Eslint、Prettier & Jest 達到 git commit 自動化測試與修正
專案:
開發
「中文藥妝商城」
維護
「跨境購買服務」
維護「商品收錄工具 - Chrome Extension」
重構
「隨選即買」
頻道 (未上線)
金財通商務科技服務股份有限公司
- 前端工程師
2020.2 - 2022.3
React, Redux, Redux-Saga, BootStrap, i18n, Jest, Git, HTML, CSS
開發
「陽信企業網路銀行」
全虹企業
- 工程師
2018.1 - 2020.1
C#, SQL, MS SQL, Oracle database
開發與維護兩套WMS倉儲管理系統
Powered By