欢迎,
来看看我的最新作品!

所有作品一共 48 件

  • AiSpace 聊天頁

    AiSpace

    Fullstack AI 聊天室,使用类似 Tinder 的方式滑动卡片进行随机配对并与 AI 交谈。

    • TypeScript
    • Nuxt(Vue)
    • Supabase(Postgres)
    • Shadcn UI
    • Gemini AI
    • Zod
  • QR Code Printer 网站首页

    QR Code Printer

    在浏览器上有效率地产生并汇出多个二维码为 PDF 档案方便印刷!

    • TypeScript
    • React
    • Vite
    • Shadcn UI
  • 进行中
    MyNote 网站首页

    MyNote

    一个全端现代笔记网站,会员系统采用 JWT 进行验证。

    • TypeScript
    • Nuxt(Vue)
    • MySQL
    • Drizzle ORM
    • Shadcn UI
    • Vitest
    • Playwright
    • Zod
  • edit-element

    Edit Element

    一个轻量级且灵活的 JavaScript/TypeScript 库,用于在 HTML 元素中新增就地编辑功能。

    • TypeScript
    • Vite
    • Playwright
    • changesets + tsup
  • GPT Markdown 翻译器

    GPT Markdown 翻译器

    客制化的 Markdown 翻译器,使用 ChatGPT API 进行翻译,支援自订提示词、复制重复档案、避免重复翻译。主要供我的部落格使用,已翻译上百篇技术文章。

    • ChatGPT AI
  • wei-web 首页

    Wei Web 个人作品集

    我的个人作品集,包含线上履历、作品以及问答页面。

    • TypeScript
    • Astro.js
    • Tailwind
    • i18n
    • Cloudflare Pages
    • Zod
  • 尋星

    推广本次中科大毕业展「尋星」,藉由心理测验探讨人与人之间合作寻求共识的旅途,让受测者了解自己在团队中可能的定位与能力趋势,至今达成上万人次测验绩效。

    • Vite
    • React
    • React Router
    • Framer Motion
    • Chart.js
    • Tailwind
  • VueStore 商城首页

    VueStore 商城

    打造一个 SPA 架构的线上购物商城,具备商品展示、购物车(加入、调整数量、删除单笔或全部购物车项目)、套用优惠券、结帐、部落格等功能。

    • Vite
    • Vue
    • Vue Router
    • Pinia
    • Axios
    • Daisy UI
  • 撿到寶

    跟着六角学院同学们一起切课程题目,使用 Sass 编译客制化 Bootstrap 与使用 Astro 将资料与版面分离。

    • Astro.js
    • Sass
    • Bootstrap
  • 云端代办事项首页

    云端代办事项

    所有的用户讯息皆纪录在伺服端,使用 JWT 进行身分验证,一个在 React 读书会之前的预先练习。

    • Vite
    • React
    • React Router
    • Tailwind
  • 網頁東東

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

    • TypeScript
    • Astro.js
    • Tailwind
    • Cypress
    • Lighthouse CI
    • Cloudflare Pages
    • i18n
    • Zod
  • 三角東東首页

    三角東東

    三角東東是我在大学时期与队员组成的一个设计团队,依照该团队的所设计的作品集,简单有效。

    • Hugo
    • GSAP
    • Netlify CMS
    • Tailwind
  • 室内设计行销页面

    赫綵设计学院需要一款单页行销页面宣传室内设计课程,因此从设计到前端都由我包办与沟通需求

    • Gulp
    • jQuery
    • Sass
    • Bootstrap
  • 赫綵设计学院室内设计行销页面

    赫綵设计学院需要一款多媒体网页设计班课程推销网页,因此从设计到前端都由我包办与沟通需求

    • Gulp
    • jQuery
    • Sass
    • Bootstrap
  • 百工之藝首页

    百工之藝

    作为网页选手,我需要一个简单但不枯燥的版面可以让我在 2 小时内从发想到刻完,这是当时构想的文化题材方案。

  • 台灣產業新勢力首页

    台灣產業新勢力

    作为网页选手,我需要一个简单但不枯燥的版面可以让我在 2 小时内从发想到刻完,这是当时构想的电店方案。