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

Project screenshot

Specifications

My Role

lead

Year

2026

Project Type

Web Application