Cmwkowaqjbdsyel7iaon

蔡世恩

前端工程師  •  新北市,TW  •  [email protected]

從設計師轉為前端工程師,有四年以上的設計經驗及網頁開發經驗。

累積的經驗引領著我至現在主要著重於如何將產品設計更好的使用者流程,更好的程式架構規劃,讓產品更多的可擴充性與未來可維護性。

技能


HTML / CSS

HTML

Pug

CSS

Sass


Javascript

Javascript

React

Redux

Next

Vue

Nuxt

I18next

intl

jQuery

Node (koa2)

Chart.js

Highchart 

GSAP

Vis

Socket.io

styled-components


UI Framework

Bootstrap 4

Ant Design

Material 

Element 

Vuetify


Other

Mongo 

Postgres

Git

Gitlab-ci

Gulp

IIS 10

GTM 

WordPress

專案初期最常使用的溝通方式


在沒有PM與設計的情況下,通常我會先使用whimsicalfigjam等軟體來製作路線圖或簡單的 Wireframe 來與團隊的其他同仁一起確認要做的目標與流程是明確的,之後才會開始製作

路線規劃示意

Wireframe 示意


專案經驗

使用 Node.js 開發三個專案後端提供 Rest Api 給前端使用 (Node, Sequelize, Postgres, Line Notify)

參與團隊線上教育軟體開發與測試 (React, i18n, styled-components, Cypress)

獨立開發與規劃前端網站前台與後台設計+製作 (Next, React)

解決長期需要由前端來做網站更新的痛點,由非工程人員更新後台即可。

獨立重新開發兩個前端後台介面( React + styled-Components + Antd + Vis + Chart + Webscoket + i18n)

開發前端線上問卷調查系統 ( React + Material-ui + styled-components)

 解決長期使用人工問卷調查及整理的方式,改由線上問卷並統整(問卷內容與區塊可自定義並新增)

形象官網切版+串接 (Next + Typescript + Highchart + scss)

獨立開發後台介面(React + Material-ui + Googlemap + styled-Components)

獨立開發後台介面(React + React-intl + Mapbox + styled-Components)

提供非工程人員可不經由工程師觀察並操作硬體設備

修改已開源的 BIM 網頁處理

撰寫 gitlab-CI

更改以往必須手動部署的方式,達成自動 CI/CD

wordpress 切版


經歷

Koobits, 前端工程師, July 2021 ~ 現在

1. 參與團隊前端開發與撰寫測試 ( React, styled-components, i18n, Cypress)

遠通電收 X 易勝資訊, 前端工程師, May 2019 ~ 2021 July

1. 使用 React + Redux + i18next + Chart.js + vis.js + Googlemap + antd design 製作遠通電收停車場後台以及行政後台

2. 使用 HTML + CSS + jquery 形象頁面

澳大利亞商凱柏資本有限公司, 前端工程師, Jan 2018 ~ Apr 2019

此為 blackwellglobal,公司網站約10個,前端兩位,主管 ( 後端 ) 在新加坡。

目前完成了以下項目


1. 架設 Gitlab、導入 Git

2. 導入GTM

3. 將原本的公司舊的 asp 官網轉成 wordpress


離開時正在進行的項目:

使用 React + Ant Design刻製官網後台,

官網正在改用 Vue + Nuxt + Vuetify 改寫中,

後端的部分由另一名同事負責。 

邑碩科技, 前端設計師, Mar 2017 ~ Nov 2017

在公司負責:

1. 設計

2. 前端工程

3. 影片剪輯

4. 行銷( FB 廣告投手、GA、GTM)


公司的主要品牌是 NIID


學歷

台灣藝術大學, 學士學位, 古蹟藝術修護學系, 2010 ~ 2014

對未來工作的期許


我期望未來的工作能夠更參與多面向的看待產品,在架構上也希望能夠經過討論,當然仍然希望除了必要會議外可以遠端工作,技術上的話還是會依照公司需求做學習,我覺得在實務上直接操作新技術是對學習比較快的方式。