A full-stack Spotify clone built using the MERN stack (MongoDB, Express, React, Node.js). This project replicates the core features of Spotify, including music streaming, and playlist management .Additionally, it includes an admin panel for managing content and users.
This project aims to provide a music streaming experience similar to Spotify. The admin panel allows administrators to manage the music content and user data effectively. Through admin panel the users uplaod songs and images of the songs. The users can add the in the album where they want and then listen and enjoy a seamless audio experience.
-
Music Streaming: Users can stream music tracks in real-time.
-
Playlist Management: Users can create, edit, and delete playlists.
-
Admin Panel: Dedicated admin panel for managing users, tracks, and other content.
-
Frontend: React, Tailwind CSS
-
Backend: Node.js, Express
-
Database: MongoDB
To set up this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/upeshjeengar/spotify-clone.git cd spotify-clone -
Install dependencies for backend:
cd spotify-backend npm install -
Install dependencies for frontend:
cd spotify-clone npm install -
Set up environment variables: Create a
.envfile in thespotify-backenddirectory and add your MongoDB URI, and other necessary environment variables.CLOUDINARY_NAME = "" CLOUDINARY_API_KEY = "" CLOUDINARY_SECRET_KEY = "" MONGODB_URL = "" -
Run the backend server:
cd spotify-backend npm server.js -
Run the frontend:
cd spotify-clone npm run dev
After following the installation steps, open your browser and go to http://localhost:5173 to access the frontend. The backend runs on http://localhost:4000 by default.
For deployment you can remove admin page by updating ./frontend/src/components/Navbar.jsx, ./frontend/src/App.jsx and delete ./frontend/src/spotify-admin
