Serene Soundscape
publishedTypescriptNext.jsTailwind CssInteractive UI Design
Overview
A sonic environment generator and productivity tool engineered with Next.js and TypeScript. Unlike standard audio players, this application leverages the Web Audio API to create a multi-channel mixer, allowing users to layer ambient sounds (Rain, Forest, Wind) with individual volume controls. It features a real-time frequency visualizer rendered on HTML5 Canvas, a built-in Pomodoro timer for focus sessions, and a dynamic Glassmorphism UI that adapts to the playback state.
Project Gallery
