宋佳芳 Carey Sung 

前端 / 全端工程師  


Junior 前端工程師,能與 UXUI 設計師及前後端開發團隊夥伴進行有效的溝通協作,樂於學習新技術與工具,重視使用者體驗與細節處理,對自我程式碼品質要求,持續學習精進希望未來能成為專業的全端開發者。

+886 976-216-703
Taipei, Taiwan
Skills

Front-End skills
Javascript ES6
HTML5 / CSS3
Typescript
Axios fetch API
Responsive Web Design
styled-components
Sass / SCSS
CSS module
Webpack
Familiar framework, library
React
Redux + Reduck Toolkit / Redux Thunk
Vue.js / Vuex
UI Framework
Bootstrap
Vuetify
Ant Design
Back-End skills
Node.js / Express.js
Handlebars
MongoBD / mongoose ODM
MySQL / Sequelize ORM
RESTful API
Passport.js  authenticate
Strapi
Socket.io
Others
Heroku deploy
Git / Git Flow
NPM / Yarn Package Manager
JIRA 專案管理
Jmeter 快速測試  API 
AWS Codepipeline, Codebuild 導入 CI/CD
S3, Amplify, Lambda, API Gateway, Cognito 使用經驗
mockoon 前端模擬測試 API
storybook 元件模組開發紀錄文件
GatsbyJS
GraphQL

Work Experience & Education


TXI Partners x 沐學雲創  2020 年 11 月 - 在職中 

3D 教育平台 1.0 網站開發
建立 3D 模型教材為主的線上課程平台,可由老師自由編輯課程並上架
Typescript  React  redux-thunk  css-modules
1. 將可複用元件模組化 
2. 網站頁面切版,並提供可優化的細節與使用者更友善的操作流程
3. 課程篩選功能,利用動態資料產生篩選條件
4. 會員登入註冊以及會員資料設定修改功能 
5. 建立與編輯課程功能開發 
6. 多國語系 i18n 環境建置,完成全站中英文切換 
7. 協助整合 Unity 團隊開發的 3D 課程
8. 與後端工程師溝通調整 API 資料需求以及與 UXUI 討論使用者操作流程的可行性

社群平台產品 DEMO
知識交流社群平台 MVP
Typescript  React  Redux-Toolkit  styled-components  Ant Design
使用 Ant Design 套件快速開發公司 demo 產品

3D 教育平台 2.0 網站開發與優化維護
因應商業模式的轉換,從 1.0 教育平台為基礎重新架構規劃新的使用者流程,2.0 以系統管理為主要開發並改變原有課程的結構分類,更符合老師在編輯教材上的需求,系統管理分別有管理員後台、老師前台課程管理以及學生課程紀錄等

前端切版、功能開發與資料串接

Typescript  React  Redux-Toolkit  react-router-config  styled-components  storybook  redux-form  mockoon
1. 使用 storybook 開發測試模組化元件
2. 前後台路由規劃,以及會員各種身份路由的導頁判斷設定
3. 頁面主要架構共用的 layout 與 component 切分規劃及切版
4. 撰寫並定義 mockoon 文件欄位,模擬後端 API
5. 建立後台管理員大量匯入會員資料功能,並在前端頁面上進行各欄位基本驗證
6. 將留言功能從發送 API 轉換成 socket,優化操作體驗,編輯課程同時能即時回應留言
9. 協助完成組織管理功能及路由設定
11. 主動導入 CI/CD,設定 AWS Codepipeline 及撰寫 Codebuild buildspec 腳本

支援後端 API 開發與優化

Strapi  Jmeter  Socket.io
1. 負責完成課程中留言評論以及課程紀錄 API
2. 使用 Jmeter 測試效能,優化程式碼減少操作資料庫的次數,提升 50% 以上效能
3. 發送二次驗證信功能

產品 Landing Page (Desktop)
公司產品簡介與聯絡表單頁面
Typescript  React  styled-components  Gatsby
利用 Gatsby 快速建立公司 Landing page,加入 CSS 動態效果

🚀 🚀 🚀

Alpha Camp Full-Stack Web Development 全端網頁開發  2019 年 10 月 - 2020 年 8 月 

前後端網頁開發技能訓練

餐飲創業  2015 年 3 月 - 2020 年 3 月

  • 商業模式與營運規劃,包含平面形象設計與店面裝潢佈置
  • 產品調整與持續改進
  • 工作流程與食材儲存管理
  • 內場人員訓練、顧客問題溝通處理
  • 兼任輪班內場餐飲製作與外場服務等工作

  • 中原大學   商業設計學系| 學士  2007 年 9 月 - 2011 年 6 月 

    平面設計、廣告行銷、攝影、影像製作、商品設計

    Side&Projects

    Gatsyby Blog Template (in progress 🚧)

    GraphQL 與 GatsbyJS 練習專案,製作個人履歷與 Blog 模板網站

    • 透過 markdown 檔案產生文章頁面
    • 可利用 md 內容中 tags 作為分類篩選
    • 暗黑模式切換

    - GatsbyJS
    - GraphQL
    - style-component










    Tripday

    使用 Vue.js 框架,以旅遊平台 kkday 為參考製作的 SPA 前端專案
    前端頁面技術
    - Javascript / Vue.js 
    - HTML / CSS
    - Sass 
    - Vuex 管理狀態
    - Axios 串接後台與第三方 API
    - Github page deploy
    - Google Map API 串接各地商品地標
    - JSON Server 模擬 Restful API

    使用者資料後台技術
    - Node.js / Express.js 
    - MySQL / Sequelize
    - Passpor.js / JWT
    - multer










    支出記錄本

    使用 Javascript Node.js Express 搭配 MongoDB 資料庫 打造的支出紀錄本
    可新增、編輯、刪除支出,透過月份或類別篩選支出紀錄,總支出金額的顏色會隨著不同級距改變顏色;可註冊登入管理個人支出紀錄,或是透過 Facebook 或 Google 登入,也可以使用 Github 帳戶登入

    - Javascript / HTML / CSS
    - Node.js / Express.js / Handlebars
    - Git
    - Bootstrap
    - MongoDB / mongoose
    - myChart
    - Passpor.js 










    Simple Twitter

    以推特為參考製作的社群平台,多人協作專案
    負責項目:
    1.   使用 Trello 管理專案進度
    2.   前端 HTML / CSS 切版
    3.   後端註冊登入驗證功能
    4.   管理員後台功能
    5.   設定編輯個人資料
    6.   追蹤與取消追蹤功能 
    7.   SVG import to font awesome
    8.   人氣使用者清單
    9.   後端自動化測試修正專案
    10. Heroku 部署

    - Javascript / HTML / CSS
    - Node.js / Express.js / Handlebars
    - Git 
    - MySQL / Sequelize
    - Passpor.js 
    - multer
    - socket.io





    Powered by CakeResumePowered by CakeResume