Building Audio-Reactive Shaders with Web Audio API
How I created the real-time audio visualization in CosmicFlow using WebGL and Web Audio API's analyzer node.
Developer and creator of cute & functional applications
A selection of my favorite projects, each with its own unique "Flow" experience.
Selected work from Tofu Pilot - data visualization and UI components for hardware testing.
I'm Dehlya, a full-stack / creative-coding engineer who fell in love with code in 2021 and have been shipping projects ever since. By day I build web apps and data-visualization features at Tofu Pilot, a Swiss platform turning raw manufacturing test logs into real-time analytics for hardware teams. By night, I experiment with WebGL, blockchain side projects and music-focused UIs.
I love adding the suffix "Flow" to my projects as a personal branding touch – it represents the smooth, intuitive experiences I aim to create (not to be confused with the Flow blockchain!).
Thoughts, tutorials, and insights from my journey as a developer.
How I created the real-time audio visualization in CosmicFlow using WebGL and Web Audio API's analyzer node.
A deep dive into my exploration of blockchain technology and smart contract development.
Insights from building real-time analytics dashboards for hardware manufacturing teams.
The path that led me to where I am today.
Wrapped up high-school; freelanced in graphic-design / motion-graphics (Adobe After Effects).
Gap-year freelancing; discovered p5.js sketches → decided to learn to code for real.
Completed freeCodeCamp foundations, built first React pages; registered dehlya-studio.tech as a sandbox for everything I'd make.
Ported a GLSL particle field into React-Three-Fiber; posted on Reddit, hit 4k up-votes.
Switched stack to Next JS + TypeScript + Tailwind; started a weekly learning-log blog.
Got curious about smart contracts; shipped two tiny NFT minting demos (private).
Released CosmicFlow v1: a Spotify web player with a cosmic-themed UI, queue management and real-time audio-reactive background shaders.
Hired by Tofu Pilot as Front-end & Creative-Tech Engineer; built in-app micro-interactions, first-pass-yield dashboards and live-embedding widgets.
Re-architecting dehlya-studio with Next JS 14 (app router), MDX blog, and tighter integration with my projects.