What's poppin'?
My name is Jay. I am a full-stack developer focusing on front-end development, specializing in TypeScript, React, and RN, has solid experience in building scalable web & mobile apps.
I make websites with these features
Fully Responsive Accessible Website
Well-organized Content Management System
Simple and Professional Web Design
Search Engine Optimization
Clear, User-friendly Navigation
High Quality & Well-organized Code
Featured Works
Foobars
May 14th, 2023
View Details →
Foobars
May 14th, 2023
你是否每逢佳節時，想找一間餐廳卻不知如何找起呢？網路的業配文、Google Map 上琳瑯滿路的餐廳實在是無從下手。最後總是到處和朋友打聽哪裡的餐廳好吃不會踩雷。Foobars 就是為了以朋友為出發的美食社交 App，在
這裡你只會看到追蹤的朋友最近推薦了哪些餐廳，以及附近的美食有哪些讓你與餐廳選擇困難說掰掰！
Streetlight Management System
November 1st, 2021
View Details →
Streetlight Management System
November 1st, 2021
Using Tools:
此為路燈管理系統的後台管理平台，負責監控案場所有的路燈。應用於桃園市政府合作的標案、學校高師大學校、隧道路燈、澎湖路燈等等。
該 codebase 使用了 Webpack 打包程式碼，在狀態管理使用 Redux & Thunk，雖未使用 TypeScript，但使用了 class component 配合 PropTypes 以降低開發成本及可維護性。
Dashboard 可快速查看目前場域的狀態
可透過地圖查看路燈位置及狀態，點擊燈泡可於 sidebar 控制該路燈開關，也可查看該路燈的詳細資訊
路燈可綁定異常偵測規則，例如路燈電流高於設定規則之上限或下限時，透過 email 發送通知，以利及時處理
若路燈發生故障，可透過報修系統建立包修單，透過報修系統可清楚查看目前維修進度
調燈系統有分成不同模式，可根據案場需求自行調整。例如可根據季節不同改變開關燈時間，或是在隧道入口設定漸進式調光等等
路燈管理後台還有許多功能，例如報表查詢、生成，資產管理、人員管理等等，就不在此一一介紹
Kenalwayscan
August 16th, 2019
View Details →
Kenalwayscan
August 16th, 2019
幫設計師好友創建的形象網站，使用了 NextJS 作為前端框架，後台使用了 headless WordPress，單純作為 CMS 使用，並開發 API 接口與前端串接。
NextJS 部分使用了 Incremental Static Regeneration 的技術，同時兼顧 SEO 也能動態更動網站內容，並且 loading 速度較 server-side rendering 快速
Home page 使用了 css 的 scroll snap 功能
由於不是套版，可以放置與好友合作使用 p5.js 製作的 project
設計師希望所有的圖檔都必須使用原尺寸，因此於 php 開放傳送檔案大小限制
Well Management System
June 6th, 2020
View Details →
Well Management System
June 6th, 2020
Using Tools:
此為與水利署合作的雲林水井管理平台。讓農民能遠端控制水井抽水，管理者也能透過平台監控水井抽水量、水井狀態等等的訊息。一方面讓農民生活更便利，一方面也能降低彰化地層下陷的風險。
Dashboard 讓管理者快速瀏覽目前場域水井狀態，抽水時長、抽水量排行等狀態
管理者可新增公告，並透過拖拉方式改變 order，此部分公告會在 app 上顯示
查詢水井歷史紀錄，並可透過圖表清楚比較，也可以匯出 excel 做進一步使用
透過地圖檢視水井位置，點擊查看詳細資訊
可於地圖匡選 marker 群組水井
