Spotify Clone 🎧

A frontend clone of the legendary Spotify UI - minimalistic, clean, and fully vibing with your aesthetic needs.
Built for practice, passion, and pure pixel-perfect satisfaction.

Features

• Fully responsive frontend
• Clean image management and folder structure
• Pixel-perfect Spotify UI clone
• Fast load with lightweight code
• No external frameworks, just pure HTML + CSS

---

Project Structure

spotify-clone/
│
├── images/              # All image assets (albums, logos, backgrounds, etc.)
│   ├── artist1.jpg
│   └── preview.png
│
├── index.html           # Main HTML structure
├── README.md            # This masterpiece

---

Setup Instructions

Want to vibe with this locally? Easy:

# Clone the repo
git clone https://github.com/zainabfatima097/spotify-clone.git

# Jump into the folder
cd spotify-clone

# Open it in browser
Start index.html with Live Server / double click it

---

Tech Stack

• HTML
• CSS

---

Deployment Guide (Vercel)

1. Go to Vercel
2. Click on “New Project”
3. Import your GitHub repo spotify-clone
4. Keep all settings default (no frameworks)
5. Hit Deploy 🚀
6. Boom. Done.

---

Inspirations

• Spotify Web Player
• Frontend Mentor UI challenges
• Music + Code = Magic ✨

---

Learnings

• Working with Git & submodules like a boss
• Folder hygiene is real
• How to fix submodule chaos without crying (almost)

---

Contribute?

This was a solo jam, but feel free to fork and remix for your own learning. If you do something cool with it, tag me!

---

📜 License

Open Source because knowledge belongs to everyone.
No gatekeeping here, just good vibes. ✌️

---

“Where words fail, music speaks... and this clone loads.” 🎧