Back to projects

IHHPlayer - MERN Stack Music Player

React
Node.js
Express.js
MongoDB
AWS S3
Zustand
Tailwind CSS
IHHPlayer - MERN Stack Music Player

IHHPlayer is a web-based music streaming application developed with a modern MERN stack, designed to showcase a full-featured audio playback experience. The project serves as a practical implementation of contemporary web development technologies, focusing on a clean user interface and efficient state management for a seamless user experience.

Currently, the application supports essential music playback features, including play, pause, next track, and the ability to navigate through a playlist. It's an excellent starting point for developers looking to understand the fundamentals of building a streaming service. It is in an active development phase where the client and server components have been built separately and are ready for integration, offering a unique opportunity to work on connecting a frontend interface with a backend API.

The technical architecture consists of a responsive frontend built with React and styled using Tailwind CSS. For state management, it leverages Zustand, a minimalistic and powerful library, to handle application-wide states like playback status and playlists. The backend is a standard Node.js and Express.js server, designed to eventually manage user data, audio tracks, and playlists with a MongoDB database.

IHHPlayer - MERN Stack Music Player | Sushil Pandet