Project Summary 📝
This portfolio was created to serve as a central hub for my projects and professional experiences. It was built from the ground up using fundamental web technologies to ensure full control over the design and functionality. One of the main challenges was creating a consistent and visually appealing design system, including color schemes and element positioning, which was managed through a well-structured SCSS and CSS variable setup.
Features ✨
Core Functionality ⚙️
- 📱 Fully responsive for mobile and desktop
-
🎨 Dark/Light theme switcher with
localStorage - 🧭 Smooth-scrolling single-page navigation
- 📈 Integrated with Google Analytics
- ⏰ Live-updating clock for Taipei
Design & Development 🎨
- ✨ Clean and modern user interface
- 🎨 Consistent colors via CSS variables
- 📂 Organized project and experience sections
- ✍️ Built from scratch with HTML, CSS, & JS
- 🔗 Custom domain setup with DNS
Project Timeline ⏳
-
2025 - Present
V2: Custom Rebuild
Built from scratch with vanilla HTML, CSS, and JS
The current site is a complete redesign focusing on a modern experience, smoother flow and better organization. It features a custom theme switcher, live data components, and a more streamlined UI, all while being faster and easier to maintain.
View Project → -
2024
V1: Initial Version
Based on the "Solid State" template by HTML5 UP
The first version of the portfolio was built using a template. It served as a great starting point for learning basic HTML and CSS structure but had a multi-page layout and a different design aesthetic.
View Project →
App Showcase 🎥
Initial Version
Technology Stack 💻
- HTML5
- CSS3
- SCSS
- JavaScript
- Google Analytics
- DNS