林厚安

前端工程師

  Taipei City, Taiwan

Email: [email protected]

Hi,我是 Robinson,擁有 2 年+ 專業經驗的前端工程師。 

我擅長使用Next.js框架和TypeScript進行開發,同時使用Redux管理數據。我也熟練使用GitLab進行版本控制,並在任務管理上使用Redmine和Trello。

我以解決問題和提出創新解決方案而自豪。通過不斷地探索新技術和參加行業活動,我努力保持領先地位並提升自己的能力。

我熱衷於提供超出期望的解決方案,並渴望將我的技術專業知識、創意和奉獻精神帶給您的團隊。

Blog: https://remarkable-naiad-8030e7.netlify.app/

  
 

工作經歷(軟體開發)



前端工程師

同步科技股份有限公司

2023/02 - now

Taipei, Taiwan

主要負責論壇 potato media 專案的開發,使用框架為 Next.js 搭配 Tailwind,狀態管理透過 Redux 和 Context ,用運用 RTK Query 串接後端資料。

新功能開發 :

  • 設計個人頁面的客製化功能,提供使用者個人化的體驗,得到使用者廣泛好評。

  • 新增查看收益功能,運用D3.js 庫畫動態圖表,使得用戶可以通過懸停、點擊等方式與圖表進行互動,查看文章所帶來的收益。

  • 引入 i18next 國際化框架 , 實現多語言瀏覽, 以提供更廣泛的用戶群體使用。  

  • 新增文章閱覽功能,提供不同的閱覽模式,給予用戶更多元的觀看體驗。  

專案維護:

  • 頁面結構優化,將 components 分成 SSR 與 CSR,提升伺服器端的渲染效能和優化使用者互動,每秒請求效率提高10%。

  • 搭配 UI/UX,進行畫面調整,確保畫面能夠更加直觀並清晰呈現內容,以提升使用者體驗。 

  • 修正客服端回報錯誤內容,並解決問題。

前端工程師

冠釩科技股份有限公司

2022/08 - 2022/12
Taipei, Taiwan

主要負責前台框架架構建構、切版、開發及維護等工作,前端技術多使用 React.js 與 TypeScript,畫面設計使用 Chakra ui,並搭配 TanStack Query 與後端串接。

  • 運用前端框架 React 搭配 TypeScript 及 Chakra UI 等套件,並透過 Wagmi 串接智能錢包及智能合約。
  • 目前正在架設及區塊鏈有關的新聞網站,為了強化該網站的 SEO,選擇使用 Next.js 開發。
  • 重構客戶指定的專案內容,主要以外觀切版為主,所用技術為 Sass,並重構部分組件。
  • 修改及維護過去的專案內容,所用技術包含 Vue 及 React。

專長

Web Design


  • 熟悉 HTML5、CSS3
  • 熟悉 網頁版面切版
  • 熟悉 RWD響應式網頁設計
  • CSS-in-JS / Tailwind CSS

Front End


從操作 DOM、 Event 事件處理、 Async/Await 到與後端 API 進行介接。

  • JavaScript ES5, ES6+ / TypeScript。
  • MUI / Chakra ui。
  • React(Hooks / Redux)、Next.js。
  • 稍微接觸 Vue.js、Remix.js。
  • i18n 多國語系

Back End


稍微接觸後端技術與相關知識。

  • 運用 Python Flask 開發 Restful API。

Version Control 


版本控制、操作。

  • GitHub / Gitlab。
  • Fork。

Server / Cloud


運用 Firebase 等雲端服務,建立自動化部屬。

  • Vercel、Netlify,自動部屬專案。
  • Firebase / Firestore / Storage / Authentication。
  • AWS / EC2

Tools


運用相關工具進行開發、管理、SEO優化。

  • ESLint / Prettier / Yarn。
  • Trello / Redmine。

專案

SELFIE

Selfie is a free photo-sharing website.

  • 使用 ReactReact Router 建立 SPA
  • 應用 React ContextuseReducer 處理全域狀態
  • 建立 Custom Hook 處理資料下載及更新。
  • 建立 Unit Test 確保程式正常運作。
  • 藉由 Intersection Observer API useRef 設計無限卷軸。
  • 使用 Firestore onSnapshot 執行及時聊天功能。
  • 使用 Firebase Firestore、 Storage、Authentication、 Hosting 創建資料庫、身份驗證功能及架設網站。
Link:https://theselfie-59eaf.web.app/
Github:https://github.com/robinsonlin603/selfie

Robinson Blog

Self Introduction Blog.

  • 使用 Vue3.js 建立 SPA
  • 運用 local storage 保存用戶想要了解的天氣資訊。
  • 架設在 Netlify,自動與 Github CI/CD 。





Link:https://remarkable-naiad-8030e7.netlify.app/
Github:https://github.com/robinsonlin603/my_introduce

Education

2010 - 2014

臺北醫學大學

Health and Nutrition