{"repo":"azamjonbro/MyPlaylist-Front","free":true,"listed":false,"github":"https://github.com/azamjonbro/MyPlaylist-Front","clone":"git clone https://github.com/azamjonbro/MyPlaylist-Front.git","description":"A simple Node.js REST API for uploading and managing songs, complete with audio duration detection. Built for use in music streaming platforms, admin dashboards, and audio CMS solutions.","language":"JavaScript","stars":33,"topics":["front","playlist","react"],"license":null,"category":"dashboards-admin","readme_excerpt":"🎵 Music Upload Frontend A beautiful and minimal frontend interface for uploading and managing songs, designed to work with a custom Node.js + Express backend. Built for simplicity and music streaming projects. 🚀 Features - 🎧 Upload MP3/WAV audio files - 🖼 Add song metadata (title, artist, cover image) - ⏱ Shows audio duration (extracted automatically by backend) - 📦 Works seamlessly with the /uploads folder from backend - ✅ Clean UI for quick testing and demos 🌐 Technologies Used - HTML5 + CSS3 - Vanilla JavaScript (Fetch API) - Bootstrap (optional, customizable) - Works with Node.js + Express backend (with Multer & ffmpeg) 📸 Screenshot 📂 How to Use 1. Clone the repository or copy the frontend folder 2. Make sure the backend server (Node.js API) is running 3. Open index.html in your browser 4. Fill in the form and upload a song 🧩 API Requirements This frontend expects the following backend: POST /songs - Form-Data Params: - audio - (File) Required MP3/WAV file - title - (String) Required - artist - (String) Optional - cover - (String) Optional image URL Response: 🛠 Setup No build tools required. Just open in your browser. Make sure backend is hosted at the correct URL (edit script.js if needed): 📁 File Structure 📝 License MIT – free to use and customize! --- Created with ❤️ by @azamjonbro","default_branch":null,"files":null,"tree":[],"storefront":"/r/azamjonbro","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/azamjonbro/MyPlaylist-Front/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}