v

About Doris

A passionate front-end web developer with solid front-end knowledge and a basic understanding of back-end programming.

過去專業背景
My Professional Background

接觸前端契機
My Path into Frontend

前端學習歷程
My Frontend Learning Journey

轉職心路歷程
My Career Transition Story

Front-End Skills

Back-End & Other Skills

Recent Project

Watch a full list of projects at once on my GitHub

Shopping List

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.

Cell Phone Mode

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.

Vue Website

A simulated online course webpage using @mixin for CSS styling and Vue.js for API-driven dynamic rendering.

WeatherNow

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.

Vue Horror Demo

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.

Modern Dashboard with React

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.

🎨 3D Motion Narrative Experience

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.

🎮 MERN Game Store

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.

🚀 AI-Powered Lifestyle SaaS Platform

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.