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