This project is a web-based music player application with a colorful UI and dynamic functionality. It features play/pause controls, next/previous navigation, a gradient background, and seamless integration of static assets like music files and images. The application is powered by a Node.js server for serving assets and managing routes.
- Play/Pause button functionality
- Next and Previous track navigation
- Volume control and progress display
- Fully responsive design with a gradient background
- Dynamic playlist support using Node.js
- Easily deployable and version-controlled on GitHub
- Frontend: HTML, CSS, JavaScript
- Backend: Node.js with Express
- Node.js installed on your system
- Git installed for version control
-
Clone the Repository
git clone https://github.com/saurabhgautam56/simple-music-player.git cd simple-music-player -
Install Dependencies
npm install
-
Run the Server
node server.js
The application will be accessible at
http://localhost:3000. -
Add Music and Assets
- Place audio files in the
public/assets/music/directory. - Place images in the
public/assets/images/directory.
- Place audio files in the
project-folder
├── public
│ ├── assets
│ │ ├── music
│ │ └── images
│ ├── index.html
│ ├── style.css
│ └── script.js
├── server.js
├── package.json
└── .gitignore
You can deploy this application using platforms like Heroku for full-stack hosting or GitHub Pages for static files.
This project is open-source and available under the MIT License.
Feel free to contribute by submitting issues or pull requests. Ensure that your code follows proper standards and is well-documented.
For any inquiries or support, contact [saurabhgautam567801@gmail.com].