MENU

GET IN TOUCH

joshidarshit2002@gmail.com
Back

Zen Space

Year

2025

Tech & Technique

Next.js, Prisma, Tailwind CSS

Description

A wellness-focused productivity web app where users can create their own calming space, manage tasks with to-do lists, use the Pomodoro technique, and listen to ambient sounds like rain, ASMR, and meditation music to enhance focus.

Key Features:
  • 📝 To-Do List: Minimal and intuitive task manager with priority tagging
  • ⏱️ Pomodoro Timer: Customizable focus/break intervals with session tracking
  • 🎧 Ambient Sound Player: Users can mix ambient sounds like rain, ocean, forest, ASMR, and soft music
  • 🧘 Personalized Space: Users can select themes, backgrounds, and toggle features
  • 💾 Persistent Storage: Local storage or user-authenticated cloud save for preferences and tasks

Technical Highlights:
  • Implemented audio mixer with layered ambient sounds and volume control
  • Built modular components using React and Tailwind for a clean, relaxing UI
  • Used Zustand for state management to sync Pomodoro, task list, and audio controls
  • Added theme switching and animations for personalized experiences
  • Integrated service workers for offline support

My Role

Full-Stack Developer
Led the development and experience design of the platform:
  • ✅ Frontend: Developed UI components in Next with Tailwind CSS
  • 🎵 Audio Engine: Created a custom ambient sound player with multi-track mixing
  • ⏱️ Productivity Tools: Implemented Pomodoro logic and responsive to-do lists with drag-and-drop
  • 🧘 UX Design: Designed calm and focused UI/UX with theme customization
  • 🗂️ State Persistence: Used Zustand and browser storage for seamless user experience
  • 🚀 Deployment: Deployed on Vercel with PWA capabilities for installable app-like behavior

DARSHIT

joshidarshit2002@gmail.com