Skip to content

HARSHILL2023/Spotify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎵 Spotify MERN Clone (Work in Progress)

A full-stack Spotify-inspired music streaming application built with the MERN stack.

🚧 Currently Under Development 🚧


🚀 About The Project

This project is a Spotify Clone built using the MERN stack (MongoDB, Express, React, Node.js). The aim is to replicate core Spotify functionalities while learning real-world full-stack development concepts such as authentication, API design, and scalable architecture.


⚡ Current Status

🛠️ Actively in development — new features being added continuously.

  • ✅ Initial project setup
  • ✅ Frontend UI (basic layout)
  • ⏳ Backend APIs in progress
  • ⏳ Authentication (JWT)
  • ⏳ Music player functionality
  • ⏳ Playlist system

✨ Features (Planned)

  • 🎧 Music streaming player
  • 🔐 User authentication (Login / Signup)
  • 📂 Playlist creation & management
  • ❤️ Like / favorite songs
  • 🔎 Search songs & artists
  • 📊 Recently played & recommendations
  • 🌙 Modern Spotify-inspired UI

🛠️ Tech Stack

  • Frontend: React + Vite + Tailwind CSS
  • Backend: Node.js + Express
  • Database: MongoDB
  • Authentication: JWT

📂 Project Structure

spotify-clone/
│
├── backend/        # Express API
├── frontend/       # React App
└── README.md

▶️ Getting Started

1. Clone Repository

git clone https://github.com/your-username/spotify-clone.git
cd spotify-clone

2. Backend Setup

cd backend
npm install
npm run dev

3. Frontend Setup

cd frontend
npm install
npm run dev

🔐 Environment Variables

Create a .env file in the backend:

MONGO_URI=your_mongodb_uri
JWT_SECRET=your_secret_key

🎯 Goals

  • Learn and implement MERN stack development
  • Build a real-world scalable application
  • Understand authentication and API integration
  • Improve frontend and backend architecture skills

🚧 Roadmap

  • Complete authentication system
  • Build full music player
  • Add playlist functionality
  • Integrate cloud storage for songs
  • Enhance UI/UX

🤝 Contributing

This is a personal learning project, but feedback and suggestions are welcome.


📄 License

MIT License


⚠️ Disclaimer

This project is for educational purposes only and is inspired by Spotify. It is not affiliated with Spotify.


💻 Building in public • Always learning 🚀

About

A full-stack Spotify clone using MongoDB, Express, React, and Node.js, focused on building a scalable music streaming platform.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors