/aboutMe

My resume

林尹麒 (YIN-CHI LIN)

Career

就肆電競 - 網頁工程師 (2018/10 - 2019/01)

  • 合力開發與維護新版新聞網站前台與編輯後台
  • 後期轉到 Server 組，開發 API (公司後端開發是 100% 覆蓋率的 TDD)
  • 合力開發公司活動 WirForce 的登入資料顯示畫面 (DashBoard) 的後端 API
  • 公司新業務技術研究與準備
  • 前端使用 Vue.js (TypeScript)，後端使用 Spring (Kotlin)

深擊設計 - 網頁前端工程師 (2018/04 - 2018/10)

  • 開發公司承接的美術館網站前端
  • 使用 Next.js (React.js)

喜鴻旅行社 - 網頁前端工程師 (2017/10 - 2018/04)

  • 開發公司新版旅遊網頁前端
  • 負責邏輯與效果比較複雜的部分，包含: 類 Airbnb 的日曆、前後景時差的藝廊效果、公司 Youtube、Instgram、Facebook 頻道的資料爬蟲
  • 開發新專案: 公司內部使用的尾牙抽獎網頁服務

環球背包客 (2016/6 - 2016/11)

  • 背著背包環遊世界的背包客
  • 計畫籌備 3 年 (自大三開始)，為此還在大學拼命加強英文
  • 路線: 東南亞 -> 歐洲 -> 北美 -> 東北亞，路經四十餘個國家
  • 嘗試搭便車、打工換宿、沙發衝浪
  • 面對不舒適感與種種困難，堅持與突破

富邦產物保險 - 比例薪業務員 (2014/9 - 2016/06)

  • 研究台灣產物保險相關法規
  • 駐點客戶、個人客戶開發與維護
  • 解釋複雜的概念給顧客理解
  • 第二年業績成長達 140%

Skills

Basic Skill

  • HTML/CSS/JavaScript
  • RWD
  • ES6

Front-end Framework

  • Vue.js/Vuex
  • React.js/Redux
  • Mocha/Chai/Sinon

Back-end API Server

  • Node.js
  • Koa2
  • Java
  • Kotlin
  • Nodemailer

Others:

  • Git
  • Webpack
  • Firebase
  • BootStrap/ElementUI
  • Functional Programming
  • Design Pattern

Works

  • 4Gamers :

    • 維護前端頁面
    • 開發後台編輯器新功能 (編輯部需求)
    • 開發廣告相關後端 API
    • 針對新業務網站，合力架設 AWS EC2 與相關設定

  • 喜鴻旅行社 :

    • 開發可點選與渲染資料的日曆
    • 串接第三方平台的登入系統
    • 「關於喜鴻」的迴廊動畫效果
    • 合力開發機票訂購流程

Side Projects

  • eStay 即宿網 :

    • 介紹: 飯店訂房網站
    • 使用 Vue.js、Material UI 建構，後端與資料庫使用 Firebase
    • 包含 搜尋、會員、金流功能
    • 實作 i18n (中/ English)

  • Ptt Soft_job Sniper :

    • 因為儲存信箱造成的資安問題，已經關閉服務，這邊附上 Source code
    • 使用 Koa2 建構後端 API server
    • 使用 Node.js 進行網頁爬蟲，爬取 PTT soft_job 版上標註「職缺」相關關鍵字的文章
    • 使用 MongoDB 儲存註冊者信箱與已爬取的文章標題&ID
    • 實作 json web token 註冊驗證信機制 (nodemailer)

  • ItHelp Article Filter :

    • 介紹: 針對 ItHelp 的文章進行關鍵字過濾，當輸入想要塞選的關鍵字後，會協助使用者在瀏覽始將文章列表進行過濾
    • 實作 Google extension

  • PTT 追文貓 :

    • 介紹: 開啟聊天功能後，可以輸入 PTT 版名，機器人會回覆該版目前最新的前十篇文章
    • 使用方式: 在 Line 軟體中搜尋 "PTT追文貓" -> 點選 "聊天" -> 輸入 "幫"，開始使用
    • 實作 Linebot 規範，Node.js 爬蟲，Heroku 部屬

  • ALPHACamp 大航道計畫教材撰寫 (章節: 現代框架) :

    • 撰寫作業範例程式碼
    • 撰寫教學內文草稿解釋邏輯

  • Personal Website :

    • 介紹: 一頁式個人網站
    • 使用 React.js 打造
    • 視差設計效果

  • Front-end Climbing :

    • 介紹: 將 Front-end checklist 這份用來檢查網站完備性的清單，製作成網頁服務，讓使用者建立個人專案，追蹤個別專案的清單完成進度
    • 使用 Vue.js 打造
    • 使用 Firebase 製作 serverless 的後端 API 服務，以及 realtime database 串接
    • 使用 Vuex 管理組件之間的狀態溝通

Translate GitHub Tech Article:

  • Front-end checklist : 網站前端檢查表單，用來確認你做的網站前端部分有沒有遺漏掉重要的項目
  • Modern-js-cheatsheet : ES6 語法教學小抄，淺顯易懂的介紹 ES6 的新語法與使用方式

Introduction

  • 2016 年 6 月出發環遊世界半年，勇於挑戰、心態開放。
  • 好學、幽默、一點點自戀。
  • Medium 文章