Beatify is a feature-rich music streaming platform built using the MERN stack. It provides seamless music playback, album and song management, real-time interactions, and insightful analytics to elevate the music experience. The platform is designed to be highly scalable and responsive, ensuring a smooth user experience on any device.
-
🎸 Music Playback
Listen to songs, and easily play the next or previous track. -
🔈 Volume Control
Adjust the volume seamlessly using an intuitive slider. -
🎧 Admin Dashboard
Create and manage albums and songs effortlessly. -
💬 Real-Time Chat
Connect with other users through an integrated real-time chat system. -
👨🏼💼 User Status Tracking
View online/offline status of users in real-time. -
👀 Real-Time Listening Updates
See what other users are listening to. -
📈 Real-Time Analytics
Monitor user activities and system performance with aggregated insights. -
🚀 More Features
- Fully responsive design for all devices.
- Frontend: React.js
- Backend: Node.js, Express.js
- Database: MongoDB
- Real-Time Communication: Socket.IO
- Authentication: JWT
- Styling: TailwindCSS
Ensure you have the following installed:
-
Clone the repository:
git clone https://github.com/tamal78/beatify.git
-
Navigate to the project directory:
cd beatify -
Install dependencies:
npm install cd frontend && npm install cd ../backend && npm install
-
Set up environment variables:
Create a.envfile in the root directory and configure the required variables, e.g.:PORT=... MONGODB_URI=... ADMIN_EMAIL=... NODE_ENV=...
-
Start the development server:
cd backend && npm run dev
-
Open the app in your browser:
cd frontend && npm run dev
Contributions are welcome! Please feel free to submit a pull request or open an issue for suggestions and improvements.
Check out the live demo here