README.md

🎵 Spotify Clone (Full Stack - Flask + React)

A full-stack Spotify Clone built using React (Frontend) and Flask + SQL (Backend).

This project allows users to upload songs, play music, manage playback controls, and handle authentication.

Built as a learning project to understand full-stack development and REST APIs.

---

🚀 Features

• 🔐 User Authentication (Login / Logout)
• 🎵 Play / Pause Music
• ⏭ Next / Previous Controls
• 🔀 Shuffle & Repeat Modes
• 📂 Recently Played Section
• ❤️ Like / Unlike Songs
• 📤 Upload Songs (Audio + Cover Image)
• 🗑 Delete Songs
• 🎚 Volume & Playback Speed Control
• 🎨 Modern UI using Tailwind CSS

---

📸 Screenshots

🔐 Login Page

---

🏠 Home Page

---

🎵 Music Player

---

🛠 Tech Stack

🎨 Frontend

• React.js
• Tailwind CSS
• JavaScript
• Vite

⚙ Backend

• Python
• Flask
• Flask-JWT-Extended (Authentication)
• SQLAlchemy
• SQLite (Database)
• REST API Architecture

---

🔐 Authentication

• JWT based authentication using Flask-JWT-Extended
• Token stored in localStorage
• Protected routes for uploading and deleting songs

---

📦 API Endpoints

Auth

• POST /auth/login
• POST /auth/register

Songs

• GET /songs/
• POST /songs/upload
• DELETE /songs/<id>

---

👩‍💻 Author

Muskan Kumari
First Year Computer Science Student
Aspiring Full Stack Developer 🚀

---

⭐ If you like this project

Give it a ⭐ on GitHub!