All projects03 / Case study
Full-stack · Realtime · Music
Comfort
Zone.
A music space where listening, conversation, and presence happen together.
THE PRODUCT, IN ACTIONPLAY · CONNECT · DISCOVER
01 / Overview
More than a music player.
Comfort Zone is a full-stack MERN application that brings music playback and social activity into one interface. Alongside listening, people can chat in real time, see who is online, and discover what others are playing.
Music playbackLive connectionAdmin tools
02 / Experience
Made to listen. Made to connect.
01
Music, on your terms.
Browse albums and songs, move between tracks, and fine-tune playback with a volume slider.
02
A room that feels alive.
Real-time chat, online and offline presence, and a live view of what other listeners are playing bring people into the experience.
03
Built to be managed.
An admin dashboard makes it possible to create albums and songs, with aggregate data available on the analytics page.
03 / Technology
One connected stack.
Frontend
- React
- TypeScript
- shadcn/ui
- React Router
- Zustand
- Axios
Backend
- Node.js
- Express
- MongoDB
- Mongoose
Realtime & auth
- Socket.IO
- Clerk
- JWT
- bcryptjs