https://github.com/quantumcoderrr/quantify
Quantify — A lightweight, fully functional music player built with vanilla JavaScript, HTML, and CSS. Intuitive controls, playlists, shuffle, repeat, and volume features packed in a clean UI. Perfect for learning and customization.
https://github.com/quantumcoderrr/quantify
audio es6 frontend javascript music-player open-source ui vanilla-js webdevelopment
Last synced: 6 days ago
JSON representation
Quantify — A lightweight, fully functional music player built with vanilla JavaScript, HTML, and CSS. Intuitive controls, playlists, shuffle, repeat, and volume features packed in a clean UI. Perfect for learning and customization.
- Host: GitHub
- URL: https://github.com/quantumcoderrr/quantify
- Owner: QuantumCoderrr
- License: mit
- Created: 2025-06-08T08:06:26.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-06-12T09:54:54.000Z (8 months ago)
- Last Synced: 2025-07-21T08:10:39.717Z (7 months ago)
- Topics: audio, es6, frontend, javascript, music-player, open-source, ui, vanilla-js, webdevelopment
- Language: HTML
- Homepage: https://quantumcoderrr.github.io/Quantify/
- Size: 50.6 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Quantify 🎵
A sleek, responsive, and fully functional music player built with vanilla JavaScript, HTML, and CSS. Quantify lets you jam to your favorite tracks with intuitive controls, playlists, and smooth UI — all in a lightweight package.
---
## Features
- **Play, pause, next, and previous track controls**
- **Seek and progress bar** with real-time updates
- **Shuffle and repeat modes** for dynamic playback
- **Volume control and mute toggle**
- **Like songs and track recently played** (state persists during session)
- **Searchable song library** with clickable results
- Responsive design optimized for desktop and mobile
---
## Demo
Check out the live demo here: [https://quantumcoderrr.github.io/Quantify/]
---
## Installation & Usage
1. Clone the repository:
```bash
git clone https://github.com/QuantumCoderrr/Quantify.git
2. Open index.html in your browser:
Double-click the file
Or serve it via a local server for best performance
3. Enjoy your music player!
## Technologies Used
- HTML5
- CSS3 (Flexbox, Grid)
- Vanilla JavaScript (ES6+)
## Future Improvements
- Persist liked songs across sessions (using localStorage or backend)
- Playlist creation and management
- Integration with streaming APIs (Spotify, YouTube, etc.)
- Enhanced UI animations and themes
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Author
Sandip Ghosh — [GitHub Profile](https://github.com/QuantumCoderrr)
Aspiring AI Engineer | B.Tech Undergrad | Full-stack Developer