CakeResume
CakeResume Logo
Log In
Sign Up
Build your Network
My Network
Access your personal network connections and manage your contacts.
CakeResume Meet
Expand your professional network by meeting and connecting with other users.
Community
Engage with other users through discussions, forums, and networking events.
Log In
Sign Up

CakeResume Talent Search

Advanced filters
On
Ready to interview
Open to opportunities
Not open to opportunities
Taiwan
Taipei City, Taiwan
United States
台灣
Taipei, Taiwan
New Taipei City, Taiwan
台北市, 台灣
Indonesia
India
Taichung City, Taiwan
भारत
Tainan City, Taiwan
新北市, 台灣
Canada
Taoyuan City, Taiwan
Florida, United States
New York, United States
台中市, 台灣
桃園市, 台灣
California, United States
IT
Other
Design
Education
Management / Business
Marketing / Advertising
Media / Communication
Engineering
Finance
Customer Service
HR
Bio, Medical
Construction
Catering / Food & Beverage
Game Production
Law
Logistics / Trade
Manufacturing
Sales
Tech
Education / Training / Recruitment
Culture / Media / Entertainment
Design / Art
Advertising / Marketing / Agency
Consultant / Audit
Corporate services
Industry
Banking / Insurance / Finance
Distribution
Health / Social / Environment
Fashion / Luxury / Beauty / Lifestyle
Medical
Mobility / Transport
Architecture
Food and Beverage
Legal / Law
Non-profit / Association
Real estate
Less than 1 year
1-2 years
2-4 years
4-6 years
6-10 years
10-15 years
More than 15 years
AI Smart Matching
On
Feng Chia University
逢甲大學
National Cheng Kung University
National Chung Hsing University
國立中興大學
國立成功大學
Ming Chuan University
National Chung Cheng University
National Taipei University of Technology
National Taiwan University of Science and Technology
Tamkang University
國立中正大學
國立台北科技大學
國立台灣科技大學
國立臺北科技大學
國立臺灣科技大學
淡江大學
銘傳大學
Chinese Culture University
Chung Yuan Christian University
Fu Jen Catholic University
National Central University
National Chin-Yi University of Technology
National Taiwan University
National Yunlin University of Science and Technology
Soochow University
中原大學
中國文化大學
國立中央大學
國立勤益科技大學
Taiwan
台灣
United States
Taipei City, Taiwan
台北市, 台灣
Indonesia
Taichung City, Taiwan
台中市, 台灣
New Taipei City, Taiwan
新北市, 台灣
Singapore
Japan
India
भारत
Canada
日本
Taoyuan City, Taiwan
桃園市, 台灣
Jakarta, Indonesia
Kaohsiung City, Taiwan
Full-time
Part-time
Intern
JavaScript
React.js
Git
TypeScript
Node.js
Vue.js
HTML5
Redux
Word
Next.js
No
Yes
1-5 people
5-10 people
10-15 people
15+ people
Within one month
Within two months
Within three months
Within six months
Within one year
More than one year
前端工程師
前端工程師 Front-End Developer
資深前端工程師
Front-End / Back-End / Full Stack Web Developer
Software Engineer
Front-End Developer
Senior Frontend Developer
Senior Software Engineer
Frontend Developer
Project Manager
Bachelor of Arts (BA)
Bachelor of Business Administration (BBA)
Bachelor of Engineering (BEng)
Bachelor of Fine Arts (BFA)
Bachelor of Science (BS)
Bachelor’s Degree
Master of Arts (MA)
Master of Science (MS)
Master’s Degree
Non-Degree Program (e.g. Coursera certificate)
High school
Bachelor
Master
Doctoral
2018
2017
2016
2015
2014
2013
2012
2011
2010
2008
Current company
Off
Select all
Freelance
Freelancer
Self-employed
國泰金控
財團法人資訊工業策進會
趨勢科技
75媒體
CYBERBIZ 順立智慧股份有限公司
Cleveland Institute for Computational Biology
Elitegroup 精英電腦股份有限公司
Interested in working remotely
Not interested in working remotely
Remote Only
Full-time freelancer
Part-time freelancer
Non-freelancer
English - Intermediate
Chinese - Native or Bilingual
English - Fluent
English - Professional
English - Beginner
English - Native or Bilingual
Japanese - Beginner
Indonesian - Native or Bilingual
Japanese - Intermediate
French - Fluent
English
Chinese
Indonesian
French
Vietnamese
4-6 years
6-10 years
10-15 years
More than 15 years
  • Exclude read results
  • Show all experiences
Avatar of 楊玗真.
Avatar of 楊玗真.
楊玗真
前端工程師 @國泰世華銀行
・
2021 ~ Present
前端工程師
Within one month
楊玗真 Lucy 前端工程師 Front-End 目前擔任國泰世華銀行前端工程師，在每一次的專案開發中，不斷精進程式架構、模組規劃、提高程式的複用性，過程中像海綿一樣不斷的吸收新知識，喜愛深入了解程式的基本原理，也樂於學習新技術與同事分享及討
JavaScript
HTML5
CSS3
Employed
・
Ready to interview
Full-time / Interested in working remotely
4-6 years
致理科技大學
・
多媒體設計系
Avatar of sheng lin.
Avatar of sheng lin.
sheng lin
SRE / DevOp engineer / Backend engineer
Within one month
公司導入 SRE 管理 infra 的相關技術，包括 IaC(terraform)、vault 等，目前公司正導入 datadog 作為監控平台。 Frontend 具備基本前端 JS 能力，理解 React 前端框架 hook 原理，並且理解 context 及 redux 全域狀態管理的開發風格，可以解決獨立作業的大多數前端問題。 具備基本 CSS 能力，但不專精。 學歷
Node.js
React.js
Express.js
Employed
・
Ready to interview
Full-time / Interested in working remotely
4-6 years
Avatar of 郭岳銘.
Avatar of 郭岳銘.
郭岳銘
Past
資深前端工程師 Senior Front-End Developer @法樂設計有限公司
・
2019 ~ Present
資深前端工程師
Within one month
完成 RWD 頁面製作 - 熟悉 SCSS / SASS Preprocessor 快速生成樣式 - 使用 Bootstrap library 經驗 - 使用 Building tools: Gulp / Webpack / Vite 經驗 - 具 React 框架、狀態管理等經驗 (CRA, Router, Redux, Hooks, props) - 版本控制使用： Github / Bitbucket / Sourcetree - 了解 PHP 基礎語法與應用 - 熟悉 THREE.js (WebGL) 3D 空間場景 / 動態 / 簡易碰撞 / 粒子系統 / 模型
React.js/Redux
JavaScript / ES6 / jQuery
SASS/SCSS
Unemployed
・
Ready to interview
Full-time / Interested in working remotely
4-6 years
National Yang Ming University
・
生醫光電所
Avatar of 林裕介.
Avatar of 林裕介.
林裕介
Past
前端工程師 @Asus 華碩電腦股份有限公司
・
2023 ~ 2023
前端工程師 Front-End Developer
Within one month
作 2 個產品官方網站。 使用 sitemap 套件產生網站 sitemap，搭配 opengraph 優化 Single-Page Application(SPA)網站的 Search Engine Optimization(SEO)。 將數個 Library、Web APIs 如： Axios、D3、IntersectionObserve 等封裝為 React hooks，提高複用性及易用性，提高開發效率。 建立、設計表單系統，並結合 Yup 進行欄位驗證，以解決 Google Analytics 無法追蹤 Google form 提交的問題
Vue.js
html + css + javascript
git版本控制系統
Unemployed
・
Ready to interview
Full-time / Interested in working remotely
4-6 years
逢甲大學
・
光電系
Avatar of 劉文華 Ellis.
Avatar of 劉文華 Ellis.
劉文華 Ellis
Past
前端工程師 @拓荒資本股份有限公司
・
2022 ~ 2024
前端工程師 Front-End Developer
Within one month
Cli 開發SPA專案 ● Vuex 專案狀態管理 ● Vue Router 製作專案多頁面應用 ● Nuxt.js 開發Server-Side Rendering專案 ReactJs ● 熟悉 React 開發SPA專案 ● 使用 Hook 來撰寫專案內容 ● Next.js 開發Server-Side Rendering專案 GIT ● 使用 GitHub 、 GitLab 儲存專案 ● 使用 Sourcetree 管理專案版本 工作經歷 拓荒資本有限公
HTML/CSS
JavaScript
RWD
Unemployed
・
Ready to interview
Full-time / Interested in working remotely
4-6 years
亞東技術學院
・
資訊管理系
Avatar of the user.
Avatar of the user.
Available for paid companies
Past
Product Manager @Binance
・
2022 ~ 2023
Front-end Engineer, Product Manager
Within one month
Product Management
Product Roadmap Planning
Data Analysis
Unemployed
・
Ready to interview
Full-time / Interested in working remotely
6-10 years
National Chengchi University
・
Innovation and Intellectual Property Management
Avatar of the user.
Avatar of the user.
Available for paid companies
android工程師 @三也科技股份有限公司
・
2021 ~ Present
前端工程師 Front-End Developer
Within one month
JAVA
JavaScript
TypeScript
Employed
・
Ready to interview
Full-time / Interested in working remotely
6-10 years
國立屏東科技大學
・
資訊管理系
Avatar of the user.
Avatar of the user.
Available for paid companies
Past
前端工程師 @禾意數位創意
・
2021 ~ 2023
前端工程師
Within one month
JavaScript / ES6 / jQuery
HTML + CSS
Webpack
Unemployed
・
Ready to interview
Full-time / Interested in working remotely
4-6 years
私立淡江大學Tamkang University
・
歷史系
Avatar of 陳韋吉.
Avatar of 陳韋吉.
陳韋吉
Past
前端工程師 @樂創互娛科技有限公司
・
2023 ~ 2023
前端工程師/網頁工程師
Within two months
陳韋吉(Odin Chen) Front-end Engineer Hi, I'm Odin, with 4 years+ of active experience in the web development. Developed and maintained websites with HTML, CSS, CSS Module, SASS, Javascript, jQuery, React, React hooks, Redux Toolkit, Material-UI, Vue2, Vue3, Vuex, Vue CLI, Vite. Also, developed new feature and fixed bugs with Weex based apps and React Native app. Studying in Redux, Vue CLI4, ES6~ES11, Bootstrap5, Tailwind, Pinia, Typescript…etc. I'm easy-going, positive, friendly, diligent. Always willing to learn the newest front-end skills and try on product
React.js
JavaScript / ES6 / jQuery
RWD網頁設計
Unemployed
・
Ready to interview
Full-time / Interested in working remotely
4-6 years
大同大學
・
生物工程
Avatar of 林哲廷.
Avatar of 林哲廷.
林哲廷
CakeResume Premium Badge
Past
Frontend Developer @HWAO TECHNOLOGY CO., LTD.
・
2021 ~ Present
資深前端工程師
Within two months
dashboard project i ndependently . • Led a CMS project, guiding 2 frontend engineers. Implemented monorepo architecture using Nx, optimizing the CI/CD process. • Introduced ESLint and Stylelint to unify coding style, facilitating effective communication and collaboration among team members . • Developed a series of React Components, React Hooks, and JS Helper Functions, significantly improving development efficiency and project modularity. • Conducted code reviews to ensure consistency in code quality within a team development environment. • Provided feedback on project development schedules, selection of third-party packages, and collaboration methods to promote smooth project progress. Frontend Developer
vue.js
JavaScript
HTML5
Unemployed
・
Ready to interview
Full-time / Interested in working remotely
4-6 years
中壢資策會Java雲端服務開發技術養成班

The Most Lightweight and Effective Recruiting Plan

Search resumes and take the initiative to contact job applicants for higher recruiting efficiency. The Choice of Hundreds of Companies.

  • Browse all search results
  • Unlimited access to start new conversations
  • Resumes accessible for only paid companies
  • View users’ email address & phone numbers
Upgrade Now
7-day money-back guarantee, cancel anytime
123456789
Search Tips
1
Search a precise keyword combination
senior backend php
If the number of the search result is not enough, you can remove the less important keywords
2
Use quotes to search for an exact phrase
"business development"
3
Use the minus sign to eliminate results containing certain words
UI designer -UX
Only public resumes are available with the free plan.
Upgrade to an advanced plan to view all search results including tens of thousands of resumes exclusive on CakeResume.
Upgrade Now

Definition of Reputation Credits

Technical Skills
Specialized knowledge and expertise within the profession (e.g. familiar with SEO and use of related tools).
Problem-Solving
Ability to identify, analyze, and prepare solutions to problems.
Adaptability
Ability to navigate unexpected situations; and keep up with shifting priorities, projects, clients, and technology.
Communication
Ability to convey information effectively and is willing to give and receive feedback.
Time Management
Ability to prioritize tasks based on importance; and have them completed within the assigned timeline.
Teamwork
Ability to work cooperatively, communicate effectively, and anticipate each other's demands, resulting in coordinated collective action.
Leadership
Ability to coach, guide, and inspire a team to achieve a shared goal or outcome effectively.
Within one month
Avatar of 林宜靜.
林宜靜
前端工程師
Logo of SOHO/自雇接案.
SOHO/自雇接案
・
2020 ~ Present
台灣新北市
Professional Background
Current status
Employed
Job Search Progress
Not open to opportunities
Professions
Front-end Engineer
Fields of Employment
Information Services
Work experience
4-6 years
Management
None
Skills
HTML
CSS
JavaScript
TypeScript
React.js
Redux Toolkit
Angular
jQuery
SASS/SCSS
Tailwind CSS
Next.js
Node.js
MySQL
GIt
Jest + React Testing Library
Figma
Photoshop
Illustrator
Bootstrap
RabbitMQ
Languages
Chinese
・
Native or Bilingual
English
・
Intermediate
Job search preferences
Positions
前端工程師
Job types
Full-time
Locations
台灣台北, 台灣新北市
Remote
Interested in working remotely
Freelance
Yes, I freelance in my spare time
Educations
School
龍華科技大學
Major
多媒體與遊戲發展科學系
Print

林宜靜 (Blueberry)  

前端工程師

React / TypeScript / Node.js

嗨！我正在尋找前端工程師的職位，擁有超過五年的前端開發經驗，擅長解決跨瀏覽器問題，專攻於 TypeScript / React (3+ year 開發經驗)，熟悉 React Hooks，能有效應用 Custom Hooks 提高程式碼可重用性，且熟悉 Redux Toolkit 及 Next.js 等相關工具。

龍華科技大學 多媒體與遊戲發展科學系 學士 / 2014 - 2018
[email protected]  •  0975-536-520  •  新北市 (台灣)

   

專業技能

  • 前端：JavaScript / TypeScript / React / Angular / jQuery / Sass / Jest / React Testing Library
  • 後端：Next.js / Node.js / MySQL
  • 其他：Git / Linux Command / 雲端部署 (GCP/AWS/OVH) / Figma
  • 語言：中文 (母語) / 英文 (中階)

工作經歷

全端工程師  •  自由工作者  •  MAR 2020 - Present

成為自由工作者的動機是為了追求經營網站的夢想，同時也希望為自己創造一個被動收入來源。在這段時間，我一邊接案，持續做前端開發，確保自己有穩定的收入來維持生計，同時也投入時間開發遊戲比價網站。此階段的目標是完成遊戲比價網站的開發工作，使其能全自動化運作。

開發遊戲比價網站
JavaScript / TypeScript / React / Tailwind CSS / Next.js / Node.js / MySQL / Jest / Figma
使用上述技能，獨自開發整個網站，包含 UI 設計、主要網站開發、數據管理後台開發、API 開發與串接、資料爬蟲開發等工作。

  • 使用 React + Next.js + TypeScript 開發主要網站，應用 React Virtual 減少 DOM Element，並執行圖片處理、減少 JS Bundle Size 以及加入 CDN Cache 等操作，以提升網站速度，使 Lighthouse Performance 從 50+ 分提升到 80+ 分。
  • 使用 Tailwind CSS + Sass 開發響應式網站，為不同裝置的用戶打造友好的使用者介面。
  • 使用 React + Ant Design 建構數據管理後台系統，包含管理員身分驗證、查詢及修改資料等功能。
  • 將網站推上搜尋引擎，使用 Next Seo 建立結構化資料，並產出 Sitemap 提交至 Google Search Console。
  • 使用 Node.js + Sequelize 建立 API，並加入 Redis Cache 常用頁面的數據，以加快用戶載入時間。
  • 使用 Node.js + RabbitMQ 開發特價通知郵件系統，並自行設計 Email 模板，讓使用者能在一般及黑暗模式下瀏覽信件。
  • 使用 Node.js + Cheer.io + Puppeteer 開發爬蟲程式，並加入 Crontab 排程，使爬蟲能自動蒐集遊戲資訊。
  • 使用 Nginx 部署網站，並加入 TLS 憑證。

接案經歷
JavaScript / TypeScript / Angular / jQuery / Sass / Node.js / MSSQL

  • 使用 Angular 開發數據儀表板，並模組化圖表元件，使儀表板圖塊更容易擴充，提升開發速度。
  • 使用 jQuery 開發儀表板，核心功能包含在地圖上編輯車流方向、將 CSV 資料匯入至資料庫、以 SVG 展示車流量數據等等。
  • 使用 Node.js + MSSQL 建立 API，並在前端進行串接整合。

前端工程師  •  鼎漢國際工程顧問股份有限公司  •  JUL 2018 - FEB 2020

Pug / JavaScript / TypeScript / Angular / jQuery / Sass / Node.js / MySQL / Figma  
期間總共完成四個專案，專案皆都採用前後端分離架構。其中一個專案為獨自開發，包含 UI 設計、前端及後端，總共花了四個月時間，將擁有十一個功能的儀表板完成，並順利結案。

  • 使用 Angular + Material UI 及 jQuery + Bootstrap 開發交通數據儀表板，大量運用地圖 (Google Map/ArcGIS/Leaflet)、圖表 (EChart.js) 及表格元件。
  • 串接 WebSocket 接收 Server 傳來的資料，並製作成即時更新的動態圖表。
  • 使用 JWT Token 實作身分驗證功能，並加入用戶身分組及路由保護機制。
  • 使用 Node.js + MySQL 建立 API，並在前端進行串接整合。
  • 使用 Figma 設計儀表板 UI，並設置程式專案的 Sass 色彩設定及 mixin。
  • 在 Linux Ubuntu 環境設定 Nginx 部署網站。

自我介紹

職涯規劃

  • 為何選擇成為自由工作者：從小我就懷抱著經營網站的夢想，於是趁年輕、還沒有家計需要負擔的時候，給自己一個圓夢的機會，一邊開發遊戲比價網站，一邊接案以維持生計，致力於實現自己的願景。
  • 為何開始求職：目前遊戲比價網站已經開發到一個完整階段，現在它能夠全自動運作，日常維護僅需檢查伺服器狀況，及確保定期腳本有正常運行。所以希望能重新回歸職場，為社會盡一份心力。

技術相關

  • 擁有五年以上的前端開發經驗：期間參與並完成了 7 個專案，曾寫過 React、Angular 及 jQuery，並具備響應式網站開發能力。除了純前端開發，也有豐富的前後端整合經驗，能與後端工程師溝通合作。
  • 具備前端效能優化能力：能改善及優化 Lighthouse 指標，曾將網站的 Performance 分數從 50+ 分提升到 80+ 分。
  • 具備全端及設計知識：曾經獨自開發遊戲比價網站，涵蓋 UI 設計、前端、後端、爬蟲及部署專案到雲端伺服器等全部工作。
  • 具備資安相關知識：曾在 Udemy 學習滲透測試課程，並在 OWASP BWA 及 TryHackMe 進行實際演練，能在產品開發期間就有所防範，曾對自己的網站進行資安測試。

個人特質

  • 熱愛學習：2023 年總共在 Udemy 學習 3775 分鐘，近期完課資料結構與演算法、前端測試及滲透測試課程。
  • 自我要求：對於網站開發抱持高度熱情，首要目標是創造出流暢且易於使用的產品，追求良好的使用者體驗。
  • 有恆心及毅力：對於遠大的目標不會輕易放棄，即使知道專案執行艱難也依然會去挑戰。

作品集

樂探 - 遊戲比價網站 (網站連結)

  • 前端｜React 17 + TypeScript + Next.js
  • 後端｜Node.js + MySQL + Redis
  • 相關套件｜Redux Toolkit、React Virtual、Next Auth、Tailwind CSS、Headless UI
  • 專案說明｜樂探為遊戲比價網站，採全自動化運作，自動蒐集七家線上商店的遊戲價格資訊，提供使用者方便的價格比較服務。
  • 實作功能｜會員系統、特定路由保護、列表無限滾動、用戶願望清單、用戶特價通知設定、複合式篩選器、排除特定商店或家機遊戲等功能。
  • 負責部分｜獨自完成網站的所有工作，包含 UI 設計、資料爬蟲、主網站與後台系統開發。

交通數據儀表板 (Source Code 連結)

  • 前端｜Angular 8
  • 相關套件｜Angular Material UI、ECharts
  • 專案說明｜交通數據整合儀表板專案，各個圖表元件都可以放大圖表、查看數據及下載數據 Excel 表。
  • 負責部分｜負責前端頁面的開發工作，以及圖塊模組化的程式邏輯。 
  • 實作功能｜圖塊模組化的程式邏輯、ECharts 繪製圖表。
  • (因保密協議無法附上專案截圖，故放上處理後的原始碼)

Discord 音樂機器人 (Source Code 連結)

  • 語言｜Node.js
  • 相關套件｜discord.js、play-dl
  • 專案說明｜語音軟體 Discord 的音樂機器人。
  • 負責部分｜音樂播放功能。 
  • 實作功能｜播放 YouTube 歌曲或播放清單、暫停播放音樂、恢復播放音樂、跳過當前歌曲、歌曲隊列等功能。
  • 相關連結｜音樂機器人教學文章 (Blog)
Resume
Profile
Print

林宜靜 (Blueberry)  

前端工程師

React / TypeScript / Node.js

嗨！我正在尋找前端工程師的職位，擁有超過五年的前端開發經驗，擅長解決跨瀏覽器問題，專攻於 TypeScript / React (3+ year 開發經驗)，熟悉 React Hooks，能有效應用 Custom Hooks 提高程式碼可重用性，且熟悉 Redux Toolkit 及 Next.js 等相關工具。

龍華科技大學 多媒體與遊戲發展科學系 學士 / 2014 - 2018
[email protected]  •  0975-536-520  •  新北市 (台灣)

   

專業技能

  • 前端：JavaScript / TypeScript / React / Angular / jQuery / Sass / Jest / React Testing Library
  • 後端：Next.js / Node.js / MySQL
  • 其他：Git / Linux Command / 雲端部署 (GCP/AWS/OVH) / Figma
  • 語言：中文 (母語) / 英文 (中階)

工作經歷

全端工程師  •  自由工作者  •  MAR 2020 - Present

成為自由工作者的動機是為了追求經營網站的夢想，同時也希望為自己創造一個被動收入來源。在這段時間，我一邊接案，持續做前端開發，確保自己有穩定的收入來維持生計，同時也投入時間開發遊戲比價網站。此階段的目標是完成遊戲比價網站的開發工作，使其能全自動化運作。

開發遊戲比價網站
JavaScript / TypeScript / React / Tailwind CSS / Next.js / Node.js / MySQL / Jest / Figma
使用上述技能，獨自開發整個網站，包含 UI 設計、主要網站開發、數據管理後台開發、API 開發與串接、資料爬蟲開發等工作。

  • 使用 React + Next.js + TypeScript 開發主要網站，應用 React Virtual 減少 DOM Element，並執行圖片處理、減少 JS Bundle Size 以及加入 CDN Cache 等操作，以提升網站速度，使 Lighthouse Performance 從 50+ 分提升到 80+ 分。
  • 使用 Tailwind CSS + Sass 開發響應式網站，為不同裝置的用戶打造友好的使用者介面。
  • 使用 React + Ant Design 建構數據管理後台系統，包含管理員身分驗證、查詢及修改資料等功能。
  • 將網站推上搜尋引擎，使用 Next Seo 建立結構化資料，並產出 Sitemap 提交至 Google Search Console。
  • 使用 Node.js + Sequelize 建立 API，並加入 Redis Cache 常用頁面的數據，以加快用戶載入時間。
  • 使用 Node.js + RabbitMQ 開發特價通知郵件系統，並自行設計 Email 模板，讓使用者能在一般及黑暗模式下瀏覽信件。
  • 使用 Node.js + Cheer.io + Puppeteer 開發爬蟲程式，並加入 Crontab 排程，使爬蟲能自動蒐集遊戲資訊。
  • 使用 Nginx 部署網站，並加入 TLS 憑證。

接案經歷
JavaScript / TypeScript / Angular / jQuery / Sass / Node.js / MSSQL

  • 使用 Angular 開發數據儀表板，並模組化圖表元件，使儀表板圖塊更容易擴充，提升開發速度。
  • 使用 jQuery 開發儀表板，核心功能包含在地圖上編輯車流方向、將 CSV 資料匯入至資料庫、以 SVG 展示車流量數據等等。
  • 使用 Node.js + MSSQL 建立 API，並在前端進行串接整合。

前端工程師  •  鼎漢國際工程顧問股份有限公司  •  JUL 2018 - FEB 2020

Pug / JavaScript / TypeScript / Angular / jQuery / Sass / Node.js / MySQL / Figma  
期間總共完成四個專案，專案皆都採用前後端分離架構。其中一個專案為獨自開發，包含 UI 設計、前端及後端，總共花了四個月時間，將擁有十一個功能的儀表板完成，並順利結案。

  • 使用 Angular + Material UI 及 jQuery + Bootstrap 開發交通數據儀表板，大量運用地圖 (Google Map/ArcGIS/Leaflet)、圖表 (EChart.js) 及表格元件。
  • 串接 WebSocket 接收 Server 傳來的資料，並製作成即時更新的動態圖表。
  • 使用 JWT Token 實作身分驗證功能，並加入用戶身分組及路由保護機制。
  • 使用 Node.js + MySQL 建立 API，並在前端進行串接整合。
  • 使用 Figma 設計儀表板 UI，並設置程式專案的 Sass 色彩設定及 mixin。
  • 在 Linux Ubuntu 環境設定 Nginx 部署網站。

自我介紹

職涯規劃

  • 為何選擇成為自由工作者：從小我就懷抱著經營網站的夢想，於是趁年輕、還沒有家計需要負擔的時候，給自己一個圓夢的機會，一邊開發遊戲比價網站，一邊接案以維持生計，致力於實現自己的願景。
  • 為何開始求職：目前遊戲比價網站已經開發到一個完整階段，現在它能夠全自動運作，日常維護僅需檢查伺服器狀況，及確保定期腳本有正常運行。所以希望能重新回歸職場，為社會盡一份心力。

技術相關

  • 擁有五年以上的前端開發經驗：期間參與並完成了 7 個專案，曾寫過 React、Angular 及 jQuery，並具備響應式網站開發能力。除了純前端開發，也有豐富的前後端整合經驗，能與後端工程師溝通合作。
  • 具備前端效能優化能力：能改善及優化 Lighthouse 指標，曾將網站的 Performance 分數從 50+ 分提升到 80+ 分。
  • 具備全端及設計知識：曾經獨自開發遊戲比價網站，涵蓋 UI 設計、前端、後端、爬蟲及部署專案到雲端伺服器等全部工作。
  • 具備資安相關知識：曾在 Udemy 學習滲透測試課程，並在 OWASP BWA 及 TryHackMe 進行實際演練，能在產品開發期間就有所防範，曾對自己的網站進行資安測試。

個人特質

  • 熱愛學習：2023 年總共在 Udemy 學習 3775 分鐘，近期完課資料結構與演算法、前端測試及滲透測試課程。
  • 自我要求：對於網站開發抱持高度熱情，首要目標是創造出流暢且易於使用的產品，追求良好的使用者體驗。
  • 有恆心及毅力：對於遠大的目標不會輕易放棄，即使知道專案執行艱難也依然會去挑戰。

作品集

樂探 - 遊戲比價網站 (網站連結)

  • 前端｜React 17 + TypeScript + Next.js
  • 後端｜Node.js + MySQL + Redis
  • 相關套件｜Redux Toolkit、React Virtual、Next Auth、Tailwind CSS、Headless UI
  • 專案說明｜樂探為遊戲比價網站，採全自動化運作，自動蒐集七家線上商店的遊戲價格資訊，提供使用者方便的價格比較服務。
  • 實作功能｜會員系統、特定路由保護、列表無限滾動、用戶願望清單、用戶特價通知設定、複合式篩選器、排除特定商店或家機遊戲等功能。
  • 負責部分｜獨自完成網站的所有工作，包含 UI 設計、資料爬蟲、主網站與後台系統開發。

交通數據儀表板 (Source Code 連結)

  • 前端｜Angular 8
  • 相關套件｜Angular Material UI、ECharts
  • 專案說明｜交通數據整合儀表板專案，各個圖表元件都可以放大圖表、查看數據及下載數據 Excel 表。
  • 負責部分｜負責前端頁面的開發工作，以及圖塊模組化的程式邏輯。 
  • 實作功能｜圖塊模組化的程式邏輯、ECharts 繪製圖表。
  • (因保密協議無法附上專案截圖，故放上處理後的原始碼)

Discord 音樂機器人 (Source Code 連結)

  • 語言｜Node.js
  • 相關套件｜discord.js、play-dl
  • 專案說明｜語音軟體 Discord 的音樂機器人。
  • 負責部分｜音樂播放功能。 
  • 實作功能｜播放 YouTube 歌曲或播放清單、暫停播放音樂、恢復播放音樂、跳過當前歌曲、歌曲隊列等功能。
  • 相關連結｜音樂機器人教學文章 (Blog)