Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to serve as a high-performance, Juice WRLD-focused music platform. It acts as both a music player and a comprehensive fan archive, pulling dynamic data from external APIs to provide users with seamless access to Juice WRLD's music, leaks, and metadata while ensuring an engaging user experience.

## CORE FEATURES
1. **Dynamic Music Player**: Fast, seamless playback with features such as shuffle, repeat, queue, background playback, scrubbing, volume control, playback speed adjustment, and crossfade transitions.
2. **Discovery Tools**: Advanced search functionality with typo tolerance, filters for era, mood, producer, year, and leak status, along with detailed song pages featuring metadata, lyrics, trivia, and an "unreleased tracker" timeline.
3. **User Accounts**: Optional user accounts allowing users to like/favorite tracks, create public/private playlists, and view recently played history, along with auto-generated "mood playlists."
4. **Admin Panel**: Tools for uploading and managing audio and metadata, allowing for the overriding of preferred track versions and ensuring non-duplicated, high-quality content.
5. **Offline Caching & Audio Visualizer**: Features to enhance user experience through offline access to recently played tracks and an engaging audio visualizer.
6. **Real-time Search Suggestions**: Implementation of keyboard shortcuts and real-time suggestions to streamline user navigation and enhance interaction.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The main layout will feature a clean header with navigation, a prominent hero section for featured content, a music player at the bottom, and clearly defined sections for discovery, user accounts, and admin tools.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing user states and data flow.

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize the project using Create React App with TypeScript and install necessary packages including Tailwind CSS and shadcn/ui.
2. **Design Components**: Create the UI components for the header, music player, song cards, filters, and user account functionalities based on the defined design specifications.
3. **Integrate APIs**: Set up API calls to juicewrldapi.com and radiowrld.eu, genius.com (or alternative) implementing dynamic fetching with fallbacks for data handling.
4. **Implement Core Features**: Develop the music player functionalities, discovery tools, and user account features, ensuring smooth interactions and transitions.
5. **Testing and Optimization**: Conduct thorough testing for all features, focusing on performance optimizations like lazy loading and caching strategies.
6. **Deploy the Application**: Use a suitable hosting service for deployment, ensuring the app is responsive and performs well across various devices.

## USER EXPERIENCE
Users will experience a fluid and intuitive interface where they can easily search for Juice WRLD's tracks, listen to music, manage their playlists. The design will prioritize music discovery and playback, with responsive elements that adapt seamlessly to mobile devices, enhancing both usability and engagement. Users will appreciate the minimalistic layout that keeps the focus on the music while providing easy access to features and functionalities.