The Challenge

Audio content creators lacked a dedicated space to share their work and engage with listeners beyond static comments. Existing platforms separated content discovery from community interaction.

Listeners wanted to discuss tracks, ask questions, and connect with others in real-time while listening, but traditional music platforms offered only delayed, thread-based comments.

The challenge was to build a cohesive experience where audio playback and social interaction happen simultaneously, with real-time chat and notifications.

The Solution

Developed a full-stack MERN application (MongoDB, Express, React, Node.js) with a custom authentication system using JWT and Axios for secure API communication.

Implemented real-time chat functionality using WebSockets, allowing users to send direct messages, participate in group conversations, and react to messages while listening to audio.

Built audio upload and streaming capabilities with support for MP3/WAV files, including waveform visualization using Wavesurfer.js and a custom audio player with play/pause, seek, and volume controls.

Created social features such as liking, commenting, reposting, saving audio to personal libraries, and following other users – all with real-time updates via WebSocket events.

Designed an intuitive UI with React and Tailwind CSS, featuring infinite scroll feeds, category-based browsing, and user profiles with stats (uploads, followers, following).

Engineered the backend with Express and MongoDB, including robust data models for users, audio posts, playlists, messages, and notifications. Used middleware for authentication and error handling.