Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to evaluate and provide insights into the usability and adherence to modern design principles of existing dashboards. The application will guide users through an intuitive interface to assess their current dashboards, offering feedback on clarity, aesthetics, and functionality.

## CORE FEATURES
1. **Dashboard Evaluation**: Users can input their dashboard URL to receive an analysis report on usability and design effectiveness.
2. **Modern Design Compliance**: The app will check dashboard elements against modern design standards and provide a compliance score.
3. **User Feedback Gathering**: Users can submit feedback and suggestions for improving their dashboards based on the analysis.
4. **Insights and Recommendations**: Detailed insights will be provided, including areas of improvement and best practices for dashboard design.
5. **Responsive Design**: The application will be optimized for various devices, ensuring a seamless experience across desktops and mobile devices.

## 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 centered hero section at the top, followed by a two-column layout for insights and recommendations, a user feedback section, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API (specify based on complexity).

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project using Create React App with TypeScript.
2. **Install dependencies**: Add Tailwind CSS, shadcn/ui, and any state management libraries.
3. **Create a folder structure**: Organize components, pages, and styles.
4. **Develop the layout**: Build the main layout components incorporating the specified design principles.
5. **Implement core features**: Develop the dashboard evaluation feature to accept URLs and provide insights.
6. **Design the feedback form**: Create a user-friendly form for feedback submission.
7. **Test responsiveness**: Ensure the application is responsive across different devices and screen sizes.
8. **Deploy the application**: Choose a hosting solution (e.g., Vercel, Netlify) to publish the app.

## USER EXPERIENCE
The user experience will focus on simplicity and clarity. Users will easily navigate through the application, input their dashboard URLs, and receive instant analysis reports. The insights will be presented in a clear, visually appealing manner, and users will have an easy pathway to provide feedback. The application will be designed to guide users effortlessly, ensuring they can assess and improve their dashboard designs effectively.