Sonia Lin
Front-end Web Engineer
My Portfolio
Find My House 房仲網站，使用者可透過該網站查詢/分享/收藏台北市代售房屋。
Skill：
- 網站部署於 Firebase Hosting。
- 前端使用 React 框架撰寫 SPA ，支援 RWD 。
- 使用 React Router 建立換頁功能。
- 使用 Maps JavaScript API 與 Geocoding API 來呈現房屋地理位置。
- 使用 localStorage、timestamp 記錄會員登入資訊。
- 後端 API 由 Python 撰寫， 架設於 AWS 的 EC2。
- 透過 BeautifulSoup 抓取房屋資訊，轉存到 MySQL 。
- parse 內政部實價登錄 csv 檔資料，轉存到 MySQL 。
- 使用 Firebase Tool 與 GitHub Actions 建立 CI/CD 流程。
taipei-trip 旅遊電商網站，可透過點選景點、旅遊日期、線上付款，安排自己的旅遊行程。
Skill：
- 網站架設於 AWS 的 EC2。
- 前端程式使用 JavaScript 撰寫，後端程式使用 Python 撰寫。
- 網站為 RWD 設計。
- API 參照 RESTful API 設計。
- 透過 AJAX 技術取得景點、會員、訂單...等API 資料。
- 偵測 Scroll 事件，自動載入下一個頁面的景點資訊。
- 手刻圖片輪播效果。
- 串接 TapPay API 建立線上付款功能。
- 使用 Session 記錄會員登入資訊。
- 使用 Connection Pool 管理資料庫連線。
歡唱KTV 線上KTV，可多裝置同時登入系統進行點歌、插播、刪歌等動作，與朋友一起歡唱。
Skill：
- 使用 YouTube Data API 執行當前影片播放、暫停、繼續、結束(切歌)之功能。
- 搭配 ASP.NET 的 SignalR 功能，進行多裝置狀態同步，讓使用者可同時使用多裝置(或多人)操作畫面。
- 使用 AJAX 技術取得歌曲、會員、播放列表...等API 資料。
- 使用 localStorage 記錄會員資料。
Bag 客製化手提包網站，使用者可以自訂手提包配色，製作屬於自己的手提包。
Skill：
- 利用HTML5的canvas功能，讓包品的各部位能自由上色，做出屬於自己配色的客製化包包
My Skills
Front-End Developer
- Javascript ES6
- Ract / Hook / Router
- JQuery
- AJAX
- RWD
- HTML
- CSS
- Sass
- Bootstrap
Back-End Developer
- Python
- Python Flask
- Python BeautifulSoup
- MySQL
- AWS EC2
- Firebase Hosting
Development Tools
- Git / GitHub / GitLab
- NPM
- Webpack
- gulp
- Postman
- ESLint
My Project
最近一年參與過的電子商務網站：
大樹健康購物網
ALLSAINTS
JOLIE17 & J.STREAM
SCHEMING.GG
FRESH O2
CARA beauty
GEORGISA TSAO
La Magic
CHIN ＋ YEN
FRND