Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project entails creating a web application designed to connect seamlessly with a Mercedes W203 C160 Sport coupé's OBD2 system. The primary goal is to develop an immersive interface that provides real-time data and vehicle parameters, integrating Android Auto functionalities and enhancing the driving experience through modern, animated graphics.

## CORE FEATURES
1. **Real-Time Vehicle Monitoring**: Display live data from the OBD2 connection, including speed, engine temperature, and fuel efficiency.
2. **Android Auto Integration**: Enable seamless connectivity for navigation apps like Google Maps, Waze, and music streaming services.
3. **Customizable Dashboard**: Offer users the ability to personalize their dashboard with various widgets for quick access to frequently used functionalities.
4. **Voice Command Support**: Implement voice recognition to allow hands-free control of navigation and media playback.
5. **Dual Zone Audio Control**: Allow simultaneous navigation and music playback without interruptions.
6. **Dynamic Weather Updates**: Integrate weather information based on the vehicle's location for improved driving decisions.

## 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 structure will consist of a top navigation bar for quick access to settings, a central dashboard displaying real-time data, and side panels for additional features like music control and navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install necessary dependencies (React, Redux, Tailwind CSS).
2. **Design Layout**: Create the main layout structure with a top navigation bar, central dashboard, and side panels using Tailwind CSS for styling.
3. **Develop Core Features**:
   - Implement the real-time vehicle monitoring feature by connecting to the OBD2 interface.
   - Integrate Android Auto functionalities using relevant APIs.
   - Build the customizable dashboard and allow users to add/remove widgets.
   - Add voice command capabilities using a speech recognition library.
   - Implement dual-zone audio control by managing audio streams effectively.
   - Fetch and display dynamic weather updates based on the vehicle's GPS location.
4. **Testing**: Conduct thorough testing to ensure all features work seamlessly and resolve any issues identified.
5. **Deployment**: Prepare the application for deployment, ensuring it is optimized for performance and user experience.

## USER EXPERIENCE
Users will interact with the application through a clean, intuitive interface. They will have quick access to real-time vehicle data on the central dashboard, easy navigation options, and customizable widgets. Voice commands will facilitate hands-free interactions, enhancing safety while driving. Overall, the user experience will prioritize simplicity and functionality, ensuring that drivers can focus on the road.