This is my ongoing project — a Spotify-inspired music player built using HTML, CSS, and JavaScript. I’m building it to understand how music players work behind the scenes — from playing audio files to updating the UI dynamically. 🚀 Current Features
✅ Basic UI setup (Spotify-like layout) ✅ Folder structure ready (songs/, and core files) ✅ Audio player integration started
🧩 Upcoming Features
🔜 Play / Pause / Next / Previous functionality 🔜 Progress bar with time updates 🔜 Dynamic song list loading 🔜 Responsive UI 🔜 Song details (title, artist, cover art)
🛠️ Tech Stack Category Tools Frontend HTML5, CSS3, JavaScript Audio HTML Audio API Icons from SVGs
📁 Folder Structure Spotify-Clone/ ├── index.html ├── style.css ├── script.js ├── songs/ │ ├── song1.mp3 │ ├── song2.mp3 │ └── ... ├── covers/ │ ├── cover1.jpg │ ├── cover2.jpg │ └── ... └── README.md
📆 Development Status
🧱 Currently working on:
Implementing play/pause logic in JavaScript
Adding dynamic playlist rendering
🎯 Next goals:
Progress bar animation
Volume and shuffle features
💡 Learning Goals
Learn DOM manipulation through a real project
Understand how HTML Audio API works
Improve front-end JavaScript and project structuring
🤝 Contributions
This is a personal learning project, but suggestions are welcome! Feel free to open an issue or PR if you’d like to help improve it.
🌐 Connect with Me
👤 Your Name 🔗 https://github.com/Rinika-Codes 💼 www.linkedin.com/in/rinika-banerjee-421407324