歡迎，
來看看我的最新作品！

所有作品一共 30 件

• 尋星 - 2023

  推廣本次中科大畢業展「尋星」，藉由心理測驗探討人與人之間合作尋求共識的旅途，讓受測者了解自己在團隊中可能的定位與能力趨勢，至今達成上萬人次測驗績效。

  • Vite
  • React
  • React Router
  • Framer Motion
  • Chart.js
  • Tailwind

  • 查看原始碼
  • 前往網站
• 進行中
  

  VueStore 商城 - 2023

  打造一個 SPA 架構的線上購物商城，具備商品展示、購物車（加入、調整數量、刪除單筆或全部購物車項目）、套用優惠券、結帳、部落格等功能。

  • Vite
  • Vue
  • Vue Router
  • Pinia
  • Vue Final Modal
  • Vue Tags Input
  • Axios
  • CKEditor 5
  • Tailwind
  • Daisy UI

  • 查看原始碼
  • 前往網站
• 撿到寶 - 2023

  跟著六角學院同學們一起切課程題目，使用 Sass 編譯客製化 Bootstrap 與使用 Astro 將資料與版面分離。

  • Astro.js
  • Sass
  • Bootstrap
  • Tailwind

  • 查看原始碼
  • 前往網站
• 

  雲端代辦事項 - 2022

  所有的用戶訊息皆紀錄在伺服端，使用 JWT 進行身分驗證，一個在 React 讀書會之前的預先練習。

  • Vite
  • React
  • React Router
  • React-Hot-Toast.js
  • Tailwind

  • 查看原始碼
  • 前往網站
• 網頁東東 - 2022

  擔任遠端助教期間，為了能夠更快速齊全的回答同學的疑惑，因此建立了該部落格，至今已有 60 篇以上的相關文章描述前端相關技術。

  • Astro.js
  • TypeScript
  • MDX
  • Tailwind

  • 查看原始碼
  • 前往網站
• 

  三角東東 - 2022

  三角東東是我在大學時期與隊員組成的一個設計團隊，依照該團隊的所設計的作品集，簡單有效。

  • Hugo
  • Barba.js
  • GSAP.js
  • Netlify CMS
  • Tailwind

  • 查看原始碼
  • 前往網站
• 室內設計行銷頁面 - 2020

  赫綵設計學院需要一款單頁行銷頁面宣傳室內設計課程，因此從設計到前端都由我包辦與溝通需求

  • Gulp
  • jQuery
  • Sass
  • Slick-Carousel
  • wow.js
  • Bootstrap 4
  • animate.css

  • 查看原始碼
  • 前往網站
• 赫綵設計學院室內設計行銷頁面 - 2020

  赫綵設計學院需要一款多媒體網頁設計班課程推銷網頁，因此從設計到前端都由我包辦與溝通需求

  • Gulp
  • jQuery
  • Sass
  • wow.js
  • Bootstrap 4
  • animate.css

  • 查看原始碼
  • 前往網站
• 

  百工之藝 - 2019

  作為網頁選手，我需要一個簡單但不枯燥的版面可以讓我在 2 小時內從發想到刻完，這是當時構想的文化題材方案。

  • Sass

  • 查看原始碼
  • 前往網站
• 

  台灣產業新勢力 - 2019

  作為網頁選手，我需要一個簡單但不枯燥的版面可以讓我在 2 小時內從發想到刻完，這是當時構想的電店方案。

  • Sass

  • 查看原始碼
  • 前往網站