🎵 Ganshunen – Music Web Application
Ganshunen is a modern music web application built using HTML, CSS, and JavaScript, designed for browsing and playing songs with a clean and responsive UI.
🚀 Live Demo
🔗 https://gan-shunen.vercel.app/
📌 Features 🎧 Music browsing interface 📂 Organized song library using JSON 🎵 Dynamic song loading and rendering 📱 Fully responsive design (mobile, tablet, desktop) ⚡ Lightweight frontend architecture 🧠 Utility-based styling system 🎨 Clean and modern UI design 🛠️ Technologies Used HTML5 CSS3 JavaScript (Vanilla JS) JSON (songs database) 📁 Project Structure Ganshunen/ │── Songs/ │── images/ │── js/ │── index.html │── ganshunen.html │── style.css │── utility.css │── songs.json │── generate_songs_manifest.py │── favicon.ico │── README.md └── .gitattributes ⚙️ Setup & Usage
- Clone repository git clone https://github.com/istewakhassantewak/ganshunen.git cd ganshunen
- Run project Open index.html in your browser
No installation or build tools required.
🧩 Development Highlights Built a structured music browsing system Used JSON-based song data management Implemented dynamic rendering with JavaScript Created reusable utility CSS system Focused on clean UI and responsiveness
📌 Future Improvements Add audio streaming player enhancements Add search and filtering system Add playlist creation feature Improve animations and transitions Convert into full React-based music app
👨💻 Author Istewak Hassan Tewak
GitHub: https://github.com/istewakhassantewak Portfolio: https://web-dev-protfolio.vercel.app/