Hi, I'm Joy!
2+ 年經驗前端工程師
擅長使用 React 和 MUI 做開發
目前任職於 IoT 產業,接觸的產品包括智能設備監控系統及專案管理系統。 我樂意嘗試各種不同產業及機會,歡迎寄信給我或是到 Github 翻閱我的作品集。
關於我的冷知識:
曾當過英文講師,輔導大學生及社會人士口說及多益英文
因為喜歡動畫,曾去日本打工度假一年
曾經騎車環台灣半島,遇上強風差點被吹下山谷
![Joy's Frontend Learning Blog](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjoyblog.83411122.jpg&w=1080&q=75)
#Hexo
#Markdown
我的前端開發筆記,紀錄在自學及工作上解決過的問題和踩過的坑。
使用 Hexo 網誌框架中的 NexT 主題,網站呈現黑白簡潔的基調。
文章都附有標籤,讓讀者能快速找到想看的文章。
![MUI 折疊表格 Foldable Table](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffolde-table-row.e4ddaa78.gif&w=1920&q=75)
#MUI
#React Context
#React Router DOM
之前使用其他 UI 庫時,特別喜歡折疊表格的設計。在發現 MUI 沒有已經打包好的折疊表格,決定自己動手做一個。同時也練習使用 React Context 製作 Dark Mode 以及最近流行的將 State 存取在 url 中。
![會議室預約系統 - Conference System](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fconference-system.f69d8e6d.jpg&w=1080&q=75)
#React
#MUI
#SVG
#Redux
會議室即時監控及預約系統。
發想來自某次新聞介紹矽谷科技公司提供辦公室預約系統,讓員工能隨時預約辦公室。
主要功能包括使用 SVG 繪製的會議室狀態地圖及用 Redux 控管的會議筆記。
![月曆系統 - Calender App](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcalender-app.27878a34.jpg&w=1080&q=75)
#React
#Chartjs
#CSS Grid
#Dayjs
共分為三大頁面。
首頁以 Dayjs 計算出今日距離下個假期有幾天,行事曆頁能查看月曆特殊節日及切換月份,統計表頁以長條圖顯示各月份放假天數,並用在圖中標記出最多天數的月份。
© 2023 JoyFan Taiwan. All rights reserved.