https://github.com/adiletbtrv/musica
Musica is a modern, single-page web application for music discovery and streaming
https://github.com/adiletbtrv/musica
css frontend html itunes-api js music website
Last synced: 14 days ago
JSON representation
Musica is a modern, single-page web application for music discovery and streaming
- Host: GitHub
- URL: https://github.com/adiletbtrv/musica
- Owner: adiletbtrv
- License: mit
- Created: 2025-11-28T14:56:13.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2026-01-20T03:42:23.000Z (6 months ago)
- Last Synced: 2026-01-20T10:29:07.021Z (6 months ago)
- Topics: css, frontend, html, itunes-api, js, music, website
- Language: JavaScript
- Homepage: https://adiletbtrv.github.io/Musica/
- Size: 33.2 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Musica
A premium, modern single-page music discovery and streaming platform. Built with a focus on performance and high-fidelity audio experiences, delivering seamless streaming without the need for complex backend infrastructure.
## Features
- **Global Discovery**: Real-time integration with the iTunes Search API to fetch charts, new releases, and global search results.
- **Advanced Audio Engine**: Custom-built media player featuring track seeking, volume normalization, shuffle, and intelligent repeat modes.
- **Library Persistence**: Local-first architecture that saves your "Liked" songs and custom collections directly to the browser storage.
- **Playlist Studio**: Create and manage personal playlists with custom theme colors and a dedicated drag-and-drop edit interface.
- **Mobile-First UX**:
- Adaptive sidebar for desktop and intuitive bottom navigation for mobile.
- Expandable full-screen mobile player.
- Context-aware menus (right-click/long-press) for rapid library management.
- **Tech Stack**: Vanilla JavaScript (ES6+), CSS3 (Variables & Grid), HTML5, iTunes API.
## Developer
Built by **Adilet Batyrov**.
- [LinkedIn](https://www.linkedin.com/in/adilet-batyrov/)
- [GitHub](https://github.com/adiletbtrv)
## Getting Started
1. Clone the repository.
2. Open index.html in your preferred browser to launch the app instantly.