Color Bubble Beats

Color Bubble Beats is a web-based music player with colorful bubble animations, built using vanilla JavaScript and HTML5 audio capabilities.

Features

• Play, pause, and skip tracks
• Dynamic playlist with track selection
• Real-time progress bar
• Colorful bubble animations that react to the music
• Responsive design for various screen sizes
• Caching system for faster loading of frequently played tracks
• Dark purple theme for a sleek look

Technologies Used

• HTML5
• CSS3
• Vanilla JavaScript
• IndexedDB for client-side storage

How to Run

1. Clone this repository to your local machine.
2. Ensure you have Python installed on your system.
3. Navigate to the project directory in your terminal.
4. Run the following command to start a local server:

   python server.py
   

5. Open your web browser and go to http://localhost:8081 to view the application.

Project Structure

• index.html: The main HTML file containing the structure of the web page.
• css/styles.css: Contains all the styling for the application.
• js/player.js: The main JavaScript file that handles the music player functionality.
• js/music-list.js: Contains the list of music tracks available in the player.
• server.py: A simple Python server to serve the static files.

Future Improvements

• Add user authentication for personalized playlists
• Implement a backend server for storing user data and preferences
• Add more theme options for user customization
• Integrate with music streaming APIs for a larger music library

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is open source and available under the MIT License.

---

Enjoy your musical journey with Color Bubble Beats!