謝宛均

嗨！我是Ruby，轉前端工程師前於電商公司擔任行銷職約 5 年的經歷，因公接觸到前端技術而引起興趣，享受在寫程式的過程中從挫折中茁壯、解決問題後帶來的成就感。


目前有 1 年相關開發經驗，認為程式的世界中最迷人的是永遠不會有標準的解答、只有最適合的解法，個性外向、喜歡團隊合作、樂於分享與溝通。


前端工程師  台北

Profile 04 00@2x

 專業技能


前端開發 :

React ( 1年開發經驗 )

- 熟悉 React Hooks 、React-router、Redux-toolkit


Vue ( Side Project )

- 基本運用 Vue2、Vuex、 Vue Router

- Vue Cookies、Vuetify


熟悉運用 Material-UI 、 Bootstrap

熟悉 SCSS、SASS 7-1 pattern、HTML 5、CSS、JavaScript(ES6)、jQuery

有部屬專案至 Firebase 的經驗


後端開發 :

有基本運用、撰寫 API 經驗 Node.js、 Express.js、PHP、MySQL

有部屬專案至 GCP 的經驗


媒體設計 :

UI圖繪製 Photoshop、Adobe XD


其他 :

熟悉基本 Git 指令, 並有與多人合作開發經驗

有使用 SVN 版控經驗

慣用 IDE : VScode


語言 :

中文 (優良)、英文 (中等)、粵語 (優良)、臺語 (中等)

 專案

目前工作主要使用框架為 React ，也曾使用 Vue 2 撰寫 Side Project 。

 網路圖片⾃動瀏覽與 AI 侵權比對系統

與外包後端工程師協力完成，以 AI 辨識比對使用者所設定的網站中圖片是否侵權，並記錄、輸出比對結果、追蹤進度...等等


使用技術:

React.js

React-router

material-table

material-ui

axios

RESTful API

SCSS

SASS 7-1 pattern 管理 CSS

SVN 版控 ... 等

 MusesAI 入口網站

主要負責入口官網、後台會員頁面、管理員後台頁面開發、設計、RWD、API 串接、網站維護。 


使用技術: 

React.js 

React-router

react-intl ( 原本有做 i18n ，後續因為網站更新 + 翻譯的問題先註解 )

react-player

material-table

Bootstrap

Material-UI

Swiper ( custom輪播卡片 )

SCSS

Ajax

RESTful API

Firebase

SVN 版控 ... 等


 https://www.musesai.com/

Paragraph image 03 00@2x

 網頁設計 / 切版

使用 Vuetify Framework 切版與 SASS 7-1 pattern 管理CSS。此網頁是能以電腦、平板、手機觀看的響應式 ( RWD ) 版面，並使用 Vue Cookies 存取使用者訪問紀錄。 

使用技術: 

Vue.js

Vutify

Vue Cookies

SCSS

Git版本控制


  https://reurl.cc/Kx8ezq

Paragraph image 02 00@2x

 Youtube收藏播放器

串接Youtube Api，搭配 plyr.js 製作出簡易版本的 Youtube 收藏播放器。

使用技術:

Vue.js

Vuex

Vue Router

Youtube Api 串接

axios

plyr.js

SCSS

Git版本控制


 https://reurl.cc/MZ3Omp

Paragraph image 03 00@2x

 個人網站

以 Vue.js 寫出的個人網站，運用 flex 達到響應式網頁設計，並部屬至 GCP 。 


使用技術: 

Vue.js

Vue Router

Node.js

GCP

Ajax

SCSS

Vue Bootstrap

Git版本控制


 https://reurl.cc/V3YzvR

Paragraph image 01 00@2x

 Soundar Podcast收聽平台電商網站

資策會畢業專題，使用 React 為前端框架、後端使用 Node.js 以及 MySQL 資料庫

團隊組合為８人，分工合作使用 Git 版控 ， 以一個月的時間內製作出來結合收聽、購物商城的網站。

負責項目: 購物車、訂單、結帳、優惠券


使用技術:

React

Node.js

HTML5

CSS/SCSS

Ajax

JavaScript

Bootstrap

RESTful API

Git版本控制

MySQL

Paragraph image 00 00@2x

 射擊小遊戲

以 jQuery 寫出的射擊小遊戲。


使用技術: 

jQuery

HTML5

CSS

JavaScript

 工作經歷



科智企業股份有限公司, 前端工程師, Apr 2021 ~ 現在

◆ 使用框架 React

 專案開發
翔名 AI 後台管理系統
該專案與其他一名前端和兩名後端協力完成，主要需求為介接 AI 辨識系統 並將辨識結果及相關紀錄編修、輸出，並依權限管理成員可查看、使用的功能及頁面。

負責項目: 
- 水平儀測量記錄頁面 
- 帳號管理頁面
- 群組管理頁面
頁面刻版、資料串接

使用技術: 

React、 React-router 、 dayjs 、material-ui 、 SCSS 、 Ajax 、RESTful API 、 SVN 版控 ... 


UDN 網路圖片⾃動瀏覽與 AI 侵權比對系統
該專案主要是本人與一名外包後端工程師協力完成，需求是以 AI 辨識比對使用者所設定的網站中圖片是否侵權，並記錄、輸出比對結果、追蹤進度... 等等

- 登入介面、註冊: 
以 OAuth 作為身分驗證、 JWT 驗證機制 

- 圖片註冊: 
類似檔案總管的層級設計依照年分、月份分類及提供使用者閱覽 

- 比對結果: 
顯示比對後的結果，可依照設定下的條件進行比對，可編輯部分欄位、下載html檔案、CSV檔案 

- 參數設定:
設定定期追蹤的網址、設定一定時間會自動執行以及定時回報搜尋結果的信箱，因應同一網址有正在執行的任務，需鎖住按鈕短時間內不能重複執行，這個頁面也有利用 keep-alive 套件寫小元件來處理，避免切換頁面後會直接將倒數狀態復原 帳號管理: 使用者資料編輯修改

使用技術: 

React、 React-router 、react-activation、 dayjs 、material-ui 、material-table 、SCSS 、SASS 7-1 pattern、 axios 、RESTful API ...


MusesAI 入口網站
 MusesAI 官方入口網站(形象網站)，前台主要是推廣產品 ( 一站式 AI 工具 ) 以及活動、公告、產品使用說明等等，會員後台則是提供資料編輯、點數儲值、訂單紀錄查詢等等功能，管理後台則包含公告、新聞、帳號管理、權限管理等等的CRUD...等等

負責項目:
前台頁面、會員後台頁面及部分功能串接、部分管理員後台頁面及功能串接、頁面刻版、RWD、部分頁面 UI 設計。

- Adobe XD 介面圖繪製、設計
- 串接 RESTful API 、 Firebase console 、 部分 API 撰寫 ( Firebase DB 、 Firebase Storage )
- 將元件模組化讓不同頁面能重複使用
- 串接外部金流 API (藍星)
- 將插件修改、客製化
- 響應式網頁設計
- in-app-browser 處理

使用技術: 

React 、 React-router 、 react-intl 、 react-player 、 material-table 、 Bootstrap 、 Material-UI 、 Swiper 、 react-draft-wysiwyg 、  SCSS 、 Ajax 、 RESTful API 、 Firebase 、 SVN 版控 ... 等

豐晨貿易股份有限公司, 內容⾏銷課 儲備課⻑, Mar 2018 ~ Jan 2020

工作內容:
網站維護 / 網站SEO優化 / 文章撰寫 / 直播企劃 / 廣告投放
旗下社群粉專管理 / 網站管理

 學歷

資訊⼯業策進會, 其他, 前端工程師就業養成班, 2020 ~ 2020

前端開發:
React.js 、HTML 、CSS 、JavaScript(ES6) 、jQuery 、Bootstrap 4、SCSS

後端開發
PHP、MySQL、Node.js、Express.js

其他使用工具
VScode 、Git 版本控制、Adobe XD

Xubvljnhf9i6volkmdv7

亞洲大學, 學士學位, 幼兒教育學系, 2010 ~ 2013

Rnkprmwjog8cfo1ge7is
Powered By CakeResume