Case Study / Zenyth

Zenyth

A sleek, distraction-free digital workspace designed for deep focus. Zenyth combines minimalist task management, beautiful ambient soundscapes, and advanced time-tracking to help you achieve your flow state.

Role
Solo Developer
Type
Web App
Timeline
6 Weeks
Year
2024
Status
Live
Achieve deep focus.
Tech Stack
FrameworkNext.js 14UIReact 18StylingTailwind CSSAnimationFramer MotionStateZustandAudioHowler.js
01 — Problem

The noisy modern web.

We jump between ten different Chrome tabs, a Slack window, and our phone pinging us all day. When you actually need to sit down and do hard, focused work, your digital environment is fighting against you, desperate for your attention.

I wanted a digital workspace that does the exact opposite. Something beautiful, completely distraction-free, that actively helps you settle into a state of flow by combining the tools you need—tasks, timers, and auditory landscapes. No popups, no social mechanics.

02 — Audience

Creatives and remote workers.

Knowledge Workers — who find themselves context-switching constantly and want a central place to run their Pomodoro sessions or deep work blocks.

03 — Approach

Radical minimalism.

The approach was to strip away absolutely everything that doesn't serve the core purpose. The UI needed to be stunning yet nearly invisible. I opted for a highly polished, interactive experience where animations feel physical and smooth, making the act of completing a task or starting a timer incredibly satisfying.

We combined a robust to-do list with a precise Pomodoro timer, and layered in customizable ambient audio (rain, coffee shop, white noise) directly into the app using Howler.js, so you don't even need to open Spotify and get distracted by algorithmic playlists.

04 — Technical Decisions

Embracing the client-side.

Since Zenyth is a personal productivity tool, keeping it fast means keeping the state on the client. I heavily leveraged Zustand for complex local state management. The timers and audio playbacks need to stay perfectly synced, even when React re-renders, which required careful attention to `useEffect` lifecycles and decoupling the heavy audio logic from the UI layer.

See it in action

Built with Passion

© 2026 Built with ❤️ & Code by Nishal Poojary.

The Land of Spirituality and Philosophy

Bangalore · India

Thanks for making it
to the end 🙌🏻

Footer panoramic mountain landscape graphic