Back
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:
Technical Highlights:
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:
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