A passionate front-end web developer with solid front-end knowledge and a basic understanding of back-end programming.
Watch a full list of projects at once on my GitHub
A web-based shopping list application where users can add or delete items and prices. The app dynamically updates the total cost using jQuery for DOM manipulation and AJAX for asynchronous data handling.
Simulates a mobile interface with slide navigation, home/back button functionality, device switching, vibration, and rotation effects. Implemented using jQuery for class switching and CSS for visual transitions.
A simulated online course webpage using @mixin for CSS styling and Vue.js for API-driven dynamic rendering.
This single-page React app displays daily weather data from Taiwan’s Central Weather Administration. Users can view current conditions and expand the panel for a 7-day forecast with icons and temperatures.
A lightweight Vue project that merges technical practice with horror elements. Through Vue components and reactive states, the game simulates unsettling moments, serving as both a coding experiment and a creative showcase.
A sleek dashboard built with Vite, React, Tailwind v4, and Chart.js. This basic version features clean layout and responsive charts, with future updates planned for routing, interactivity, and dynamic data.
An advanced frontend visual storytelling project built with Next.js 16 and TypeScript. Combines Three.js, React Three Fiber, GSAP ScrollTrigger, Framer Motion, and Lenis to create a seamless “liquid-to-product” brand journey, featuring custom shaders, glass materials, and high-performance animations.
A full-stack MERN project featuring Google OAuth, JWT authentication, and a responsive game shopping experience. Built with React 19, Express, and MongoDB. Includes admin CRUD tools, GSAP animations, and environment-based deployment on Render and Vercel.
A full-stack SaaS platform integrating lifestyle tools, travel planning, and gamified experiences. Built with Next.js (App Router), TypeScript, and TailwindCSS on the frontend, and Node.js, Express, MySQL, and Prisma on the backend. Features authentication, payments, admin dashboard, AI-driven chat and task guidance, along with interactive 3D animations using Three.js and React Three Fiber.