metadata

title: MusiSync - Music Lyrics & Metadata App
emoji: 🎵
colorFrom: purple
colorTo: pink
sdk: static
pinned: false
license: mit

🎵 MusiSync - Complete Music Lyrics & Metadata Web Application

A comprehensive single-file web application that fetches song lyrics, metadata, artist information, and album artwork with advanced features and professional UI/UX.

🚀 Features

Core Functionality

Multi-Source Search: Fetch lyrics, metadata, and artist info from multiple APIs
High-Resolution Album Artwork: Display beautiful album covers with fallback systems
Real-Time Metadata: Show release dates, duration, genre, and album information
Artist Information: Display bio, popular songs, and social links

Advanced Features

Auto-Complete Search: Smart suggestions for artist and song names
Favorites System: Save and manage your favorite songs locally
Search History: Keep track of your recent searches
Download Lyrics: Export lyrics as text files
Share Functionality: Share songs on social media
Local Caching: Smart caching with 24-hour expiration

UI/UX Excellence

Dark/Light Themes: Beautiful theme toggle with smooth transitions
Responsive Design: Perfect experience on desktop, tablet, and mobile
Loading States: Elegant skeleton screens and loading animations
Glass Morphism: Modern design with backdrop blur effects
Accessibility: Full keyboard navigation and screen reader support

🛠 Technology Stack

Frontend: Vanilla JavaScript (ES6+), CSS Grid/Flexbox, HTML5
APIs: Lyrics.ovh, MusicBrainz, Cover Art Archive, Last.fm, iTunes
Storage: Local Storage for preferences and caching
Design: Modern CSS with animations and responsive layout

🎯 Usage

Simply open the application and start searching for your favorite songs! The app will:

Fetch lyrics from multiple sources with fallback systems
Display comprehensive metadata and artist information
Show high-quality album artwork
Provide auto-complete suggestions as you type
Allow you to save favorites and download lyrics

🔧 API Integration

The application integrates with multiple music APIs:

Lyrics.ovh: Primary lyrics source
MusicBrainz: Metadata and artist information
Cover Art Archive: High-quality album artwork
Last.fm: Artist bio and additional metadata
iTunes: Fallback for metadata and artwork

📱 Responsive Design

Mobile-First: Optimized for mobile devices
Tablet-Friendly: Great experience on tablets
Desktop-Perfect: Full-featured desktop interface
Cross-Browser: Works on all modern browsers

🎨 Design Features

Professional color schemes for both dark and light modes
Smooth animations and micro-interactions
Modern typography with proper visual hierarchy
Card-based layouts with subtle shadows and effects
Intuitive navigation and clear information hierarchy

🔒 Privacy & Performance

Local Storage: All user data stored locally
No Tracking: No user tracking or data collection
Fast Loading: Optimized for quick response times
Offline Capable: Cached data available offline
Rate Limiting: Smart API usage to prevent abuse

💻 Development

This is a single-file application (index.html) with all CSS and JavaScript embedded. No build process or dependencies required - just open the HTML file in any modern web browser!

Built with ❤️ using vanilla web technologies