Pomodoro Timer
Productivity & Soundscapes
Overview
Built with Next.js and hosted on Vercel, this Pomodoro application is designed to be a high-performance productivity companion. By integrating Clerk for authentication, users can sync their focus sessions across devices, while the Material 3 Expressive design language provides a modern, fluid user interface that adapts to the mood of the work session.
Interface
The application features a session timeline and a custom ambient noise mixer.
Key Features
Custom Soundscapes (Web Audio API)
A core part of the experience is the built-in ambient noise mixer. Using the Web Audio API, I implemented a system where users can mix their own background sounds, including white, pink, and brown noise, as well as binaural beats and wind textures to create the perfect focus environment.
Session Timeline
To provide clarity on daily progress, the app includes a visual timeline block that allows users to see exactly what their focus session looked like, helping them reflect on their productivity patterns over time.