<--Projects

YPlayer

YPlayer is a web-based music player that allows users to upload, play, and manage their music files with an intuitive and responsive interface. Featuring dynamic album art, automatic playback, and a user-friendly queue system, YPlayer offers a seamless listening experience on both desktop and mobile devices.

🌐 Website

Visit the live site at YPlayer.

📑 Features

• Drag and Drop Upload: Upload multiple music files by dragging them into the designated area or using the file input.
• Dynamic Album Art: Displays album artwork from uploaded songs. Click on the artwork to view it in a modal.
• Automatic Playback: Songs start playing automatically after the first upload, without needing to press the play button.
• Queue Management: View and manage your music queue with options to play, pause, skip, and search for tracks.
• Responsive Design: Optimized for both desktop and mobile devices with a modern and adaptable UI.

🎨 Technologies Used

• HTML5: Provides the structure for web pages.
• Tailwind CSS: Utility-first CSS framework for styling.
• JavaScript: Manages dynamic content updates and interactivity.

🚀 Getting Started

Prerequisites

• A modern web browser (e.g., Chrome, Firefox, Edge)
• A local web server (optional, for running the project locally)

Installation

1. Clone the repository:

   git clone https://github.com/rajofearth/yplayer.git
   

2. Navigate to the project directory:

   cd yplayer
   

3. Run the project:
   • Open the index.html file in your preferred browser.
   • Alternatively, serve the project using a local server (e.g., using VS Code’s Live Server extension).

📝 Usage

1. Home Page:
   • Drag and drop your music files into the designated area or use the file input to upload.
   • View and manage your music queue.
2. Now Playing:
   • The currently playing song will be displayed with album art and playback controls.
   • Click on the album art to view it in a modal.

📸 Screenshots

🤝 Contributing

Contributions are welcome! Please submit a Pull Request or create an Issue if you have suggestions or improvements.

📧 Contact

Developed by Yashraj Maher. Feel free to contact me if you have any questions or feedback.

📄 License

This project is licensed under the MIT License.

---

Thank you for using YPlayer! 🎵 Enjoy your music experience!