Welcome! Hereโs a collection of my Vibe Coding projects, experiments, and creative coding exercises that help me explore new ideas and improve my development skills.
Tool: Amp code
An interactive simulation of the Galton Board (bean machine). Demonstrates probability and normal distribution through a visual, engaging web-based game.
Technologies: HTML5, CSS3, JavaScript, SVG
Tool: Gemini + D3.js prompt
Interactive map of New Taipei Cityโs districts and villages with D3.js visualization. Zoom, explore, and hover to reveal names and boundaries dynamically.
Technologies: HTML5, CSS3, JavaScript, D3.js, Canvas, Tailwind CSS
Tool: Claude
Forked an iOS animation project and upgraded it to Swift 5.0, then created a web version.
GitHub repo: https://github.com/Wayne45/RollerCoasterAnimation
Technologies: Canvas + JavaScript
Tool: Claude
Forked a timer and integrate with Animated Rollercoaster Background and random color of number.
GitHub repo: https://github.com/Wayne45/quick-timer
Technologies: HTML5, CSS3, JavaScript
Tool: Claude
My personal blog built with the Minimal Mistakes Jekyll theme, customized using Claude.
GitHub repo: https://github.com/Wayne45/minimal-mistakes
Technologies: Jekyll, Minimal Mistakes Theme
Tool: Claude
A landing page demo built with the DevBook theme.
GitHub repo: https://github.com/Wayne45/DevBook-Theme
Technologies: HTML5, CSS3, JavaScript