Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed specifically for visually impaired users, allowing them to easily play and manage music. The application emphasizes simplicity and accessibility, featuring a large display that enhances usability for its target audience.

## CORE FEATURES
1. **Play Music**: A large, easily accessible play button that allows users to start and stop music playback effortlessly.
2. **Volume Control**: Simple volume control with a slider or large buttons for increasing and decreasing volume.
3. **Music Library**: A streamlined interface for browsing a limited selection of music tracks, allowing users to choose songs easily.
4. **Track Information**: Clear audio feedback announcing the current track name and artist, ensuring users are aware of what is playing.
5. **Skip and Replay**: Large buttons for skipping to the next track or replaying the current track, designed for easy 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 layout will consist of a central play area with the play button prominently displayed, flanked by volume controls and track information, all designed for easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for basic functionality, but can be considered if features expand.

## IMPLEMENTATION STEPS
1. **Setup Development Environment**: Use Create React App with TypeScript template to initialize the project.
2. **Install Dependencies**: Add Tailwind CSS for styling and shadcn/ui for UI components.
3. **Create Main Components**: Develop the main components: PlayButton, VolumeControl, MusicLibrary, and TrackInfo.
4. **Design Layout**: Implement the layout using Flexbox or Grid in Tailwind CSS to ensure a responsive and accessible design.
5. **Implement Audio Functionality**: Use the HTML5 audio API to manage music playback, including play, pause, skip, and volume controls.
6. **Accessibility Features**: Ensure all buttons and controls are keyboard accessible and provide audio feedback for actions performed.
7. **Testing**: Conduct user testing with visually impaired users to gather feedback and refine the design.

## USER EXPERIENCE
The user experience focuses on straightforward interactions. Users will enter the application and immediately see a large play button. The design allows for intuitive control over music playback with minimal clicks. Audio feedback will inform users of the current track and any actions taken, ensuring a seamless experience tailored to their needs. The overall flow is designed to minimize complexity and maximize accessibility.