PORTFOLIO PROJECTS
UI and Frontend Architecture
Frontend EngineTags: HTML5, CSS variables, Vanilla JS, Physics Loops
The complete frontend of this site. It features a custom animated avatar with walking cycles, responsive state machines, and a retro aesthetic. I wanted to build a space that feels maximalist and nostalgic, reflecting my love for pixel art and bright color themes. It also accommodates my preference for beach landscapes and personalized interactive controls.
Web Audio Synthesizer
Audio SynthTags: Web Audio API, Oscillators, Synthesizer
Programmatic sound generation built natively for this website. Instead of loading heavy static audio files, I used the Web Audio API to synthesize mechanical key clicks and keyboard clacks from scratch. I explored unorthodox signal modulation techniques, setting slow LFO sweeps to shape white noise buffers into the deep washing sounds of ocean tides.
Integration and Node Backend
Backend SystemsTags: Node.js, REST APIs, Pre-rendering, JSON DB
The backend systems designed to glue everything together. Built on vanilla Node.js, the server handles clean routing, dynamic page pre-rendering, sitemap synchronization, and rate-limited form submissions. It is optimized to support discoverability hooks for search crawlers while keeping dependencies close to zero.