Skip to content

Rinika-Codes/Spotify-Clone

Repository files navigation

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

About

This is an ongoing Spotify Clone project using frontend and API

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published