Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application will assess an individual's work ethic and provide a comprehensive personality profile based on their responses to a series of carefully designed questions. The primary goal is to help users understand their working style and identify their strongest character traits, ultimately enhancing their personal and professional development.

## CORE FEATURES
- **User Assessment**: A set of interactive questions designed to evaluate various aspects of the user's work ethic, habits, and personality traits.
- **Personality Profile Generation**: After completing the assessment, users will receive a detailed report highlighting their personality profile, work style, and key strengths.
- **Feedback and Insights**: Provide personalized feedback based on assessment results, including tips for leveraging strengths and areas for improvement.
- **Save and Track Progress**: Allow users to create accounts to save their assessments and track changes in their personality profile over time.
- **Resource Library**: A collection of articles, videos, and tools related to personal development, tailored to the user's profile insights.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design emphasizing a clean interface with ample white space, ensuring clarity and ease of use. The overall aesthetic will focus on simplicity and functionality.
- **Color Mode**: Light theme featuring dark text on light backgrounds to enhance readability and reduce eye strain.
- **Layout**: A straightforward single-column layout where the assessment questions are displayed one at a time, making it easy for users to focus on their responses. The personality profile will be presented in a visually engaging card format.
- **Typography**: Use sans-serif fonts like 'Inter' or 'Roboto' for clarity and modern appeal. Headings should be bold and larger (24px) for easy navigation, with body text set at 16px for optimal readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid development and ensuring a responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built, accessible components that align with the minimalist design aesthetic.
- **State Management**: Implement Zustand or React Context API for managing application state efficiently, especially for user sessions and assessment results.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS alongside shadcn/ui.
2. **Create User Assessment Component**: Develop a multi-step form component to facilitate the assessment process, ensuring each question is clearly displayed.
3. **Implement Personality Profile Logic**: Create functions to analyze user responses and generate a personality profile, including a scoring system for different traits.
4. **Design Feedback Mechanism**: Build a feedback component that summarizes assessment results and offers personalized insights based on the profile.
5. **User Account Features**: Implement user authentication using Firebase or a similar service, allowing users to save their profiles and track progress.
6. **Resource Library Development**: Populate the resource library with curated content that aligns with the user’s assessment results.

## USER EXPERIENCE
The user journey begins with a welcoming landing page that clearly explains the purpose of the assessment and invites users to start. Upon entering the assessment, users will navigate through questions one at a time, with progress indicators to keep them informed. After completing the assessment, they will receive their personality profile in a visually appealing format, followed by tailored feedback and resources. The intuitive layout and responsive design will ensure a smooth experience across devices, promoting engagement and ease of use.