/ ALL WORKS

所有作品

← 返回
PROJECT/ 01

作品集網站

展示作品集與個人技術實作，結合前端、後端 API、資料庫與部署流程。

ReactTypeScriptCloudflare WorkersD1Drizzle ORM
GitHub ↗預覽 ↗
PROJECT/ 02

技術筆記網站

整理與分享前端、工具鏈與 Web 開發相關筆記。

Docusaurus 3ReactTypeScriptMDX
GitHub ↗預覽 ↗
PROJECT/ 03

Nuxt3 專案模板

可重用的 Nuxt3 專案起始模板，整理常用工程化規範。

Nuxt3TypeScriptPiniaTailwind CSSi18n
GitHub ↗
PROJECT/ 04

Vue3 專案模板

可重用的 Vue3 專案起始模板，展示前端專案初始化與共用規範。

Vue3TypeScriptPiniaViteFrontend Template
GitHub ↗
個人履歷網站/ 05

個人履歷網站

早期個人履歷網站，以 Astro.js 建置靜態履歷與多語系展示。

ArchiveAstro.jsFlowbiteVuei18n
GitHub ↗預覽 ↗
NFT GEL/ 06

NFT GEL

早期切版練習，模擬 NFT 購物平台前台介面。

ArchivePracticeejsgulpBootstrap5
GitHub ↗預覽 ↗
GrandMaSam Diner/ 07

GrandMaSam Diner

早期 Vue 餐飲網站練習，包含前後台分離與 CRUD 流程。

ArchivePracticeVue3Bootstrap5CRUD
GitHub ↗預覽 ↗
THE F2E 2022 黑客松官網重製/ 08

THE F2E 2022 黑客松官網重製

THE F2E 2022 早期前端挑戰作品，聚焦動態網頁與互動效果。

ArchivePracticeTailwindGSAPAOS
GitHub ↗預覽 ↗
THE F2E 2022 Dotsign/ 09

THE F2E 2022 Dotsign

PDF 簽名應用練習，使用 Vue3、Pinia 與 PDF 相關套件。

ArchivePracticeVue3Piniapdf.js
GitHub ↗預覽 ↗
2022 F2E 黑客松 Scrum/ 10

2022 F2E 黑客松 Scrum

Scrum 精神介紹網站練習，使用 Vue3、Pinia 與 Tailwind。

ArchivePracticeVue3PiniaTailwind
GitHub ↗預覽 ↗
2023 後台專案開發練習/ 11

2023 後台專案開發練習

早期 TypeScript 後台管理介面練習。

ArchivePracticeVue3TypeScriptPinia
GitHub ↗預覽 ↗