Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to review and enhance design elements efficiently. The primary purpose is to provide users with a platform that analyzes various design aspects and offers suggestions for improvements, focusing on delivering a clean, minimalist experience.

## CORE FEATURES
1. **Design Assessment Tool**: An interactive feature that allows users to upload their designs for assessment. The tool provides feedback on color usage, typography, and layout effectiveness.
  
2. **Improvement Suggestions**: Based on the assessment, users receive tailored suggestions for design enhancements, including alternative color palettes, font pairings, and layout adjustments.

3. **User Dashboard**: A personalized dashboard where users can track their design submissions, view past assessments, and access a history of suggested improvements.

4. **Resource Library**: A collection of articles, guides, and best practices in design to help users better understand design principles and trends.

5. **User Feedback Mechanism**: An option for users to provide feedback on suggestions received, helping to improve the tool's recommendations over time.

6. **Contact and Support**: A feature for users to reach out for assistance or further insights into their design queries.

## 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**: A single-column layout with a prominent hero section at the top, followed by features, testimonials, and a clear call-to-action (CTA) button. The dashboard will be organized into sections for easy navigation.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and integrate Tailwind CSS for styling.
2. **Design Assessment Tool**: Create a component for users to upload designs, utilizing file input and preview functionality.
3. **Feedback and Suggestions Logic**: Implement logic to analyze designs and generate improvement suggestions based on predefined criteria.
4. **User Dashboard**: Develop a dashboard layout that displays user submissions and feedback history, ensuring easy access to all features.
5. **Resource Library**: Create a section to house design resources, categorizing them for user convenience.
6. **Integrate User Feedback Mechanism**: Build a form allowing users to submit feedback on suggestions, enhancing the tool's recommendation system.
7. **Testing and Refinement**: Conduct user testing to identify pain points and refine the user experience based on feedback.

## USER EXPERIENCE
Users will interact with a simple and intuitive interface, where they can easily navigate through the application. The process begins with uploading their designs, followed by receiving immediate feedback and suggestions. The dashboard allows users to track their progress and revisit past assessments, enhancing their understanding of design principles. The minimalist design ensures that users focus on the content rather than being distracted by unnecessary elements.