Melodify is a modern, responsive web-based music player with playlist support, built with HTML, CSS, and JavaScript. It allows users to upload and play music files, create and manage playlists, and control playback with an intuitive interface.
- Music Playback: Play, pause, skip tracks, and adjust volume
- Playlist Management: Create and manage custom playlists
- Music Library: View all uploaded songs with search and filtering
- Dark/Light Mode: Toggle between light and dark themes
- Responsive Design: Works on all screen sizes
- Local Storage: Saves your music and playlists between sessions
- Upload Music: Add your own audio files to the library
- Frontend: HTML5, CSS3, JavaScript
- Audio Handling: HTML5
<audio>element - Icons: Font Awesome
- Fonts: Google Fonts (Poppins)
- Upload Music: Click the "Upload Music" button to add your audio files
- Play Songs: Click on any song in the library to start playback
- Create Playlists: Use the "New Playlist" button to create custom playlists
- Search & Filter: Use the search box and genre filter to find specific songs
- Toggle Theme: Switch between light and dark mode using the theme toggle
No installation required! Simply open the index.html file in your web browser.
- Support for online music streaming
- User accounts and cloud sync
- Advanced metadata editing
- Sharing playlists with others
- Mobile app version
- Challenge Task by CodeAlpha
- Developed by Ushindi Bihame
- GitHub: ub-victor
This project is open-source and available under the MIT License.