Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web-based platform designed specifically for students preparing for standardized exams. Its primary purpose is to facilitate content organization and study management by allowing users to categorize exam materials, define key concepts through targeted questions, and compare different topics effectively. The app will serve as a comprehensive study tool that enhances learning efficiency and knowledge retention.

## CORE FEATURES
1. **Content Categorization**: Users can categorize their study materials into various subjects and topics, making it easy to navigate through their exam content.
   
2. **Concept Definition Tool**: A feature that allows students to define concepts by answering fundamental questions: Who, What, When, Where, Why, and How. This structured approach aids in deep understanding.

3. **Compare and Contrast Functionality**: Users can select multiple concepts to compare side by side, helping to identify similarities and differences effectively.

4. **Digital Note-Taking Journal**: A built-in journal for students to take notes during their study sessions, with options to format text and organize thoughts.

5. **Study Session Management**: The app enables users to create and manage multiple study sessions, allowing for personalized and focused study times.

6. **Downloadable Study Notes**: Students can export their notes and definitions into various formats (PDF, DOCX) for offline access and printing.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean, simple design that emphasizes white space, providing a distraction-free environment conducive to studying.
- **Color Mode**: Light theme featuring dark text on light backgrounds, ensuring high readability and comfort during prolonged use.
- **Layout**: A top navigation bar for easy access to main features, a left sidebar for categorization options, and a central content area for displaying notes, definitions, and comparisons. Ample spacing will be utilized to enhance clarity.
- **Typography**: Use a sans-serif font (e.g., Inter or Roboto) for primary text with a clear hierarchy (Headings in bold, larger sizes; body text in regular weight). Maintain consistent font sizing for headings, subheadings, and body text for uniformity.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and type-safe application structure.
- **Styling**: Tailwind CSS to streamline styling and ensure responsiveness.
- **UI Components**: Utilize shadcn/ui for pre-designed UI components that adhere to the minimalist style.
- **State Management**: Context API or Zustand for efficient state management across the application.

## IMPLEMENTATION STEPS
1. **Set Up Project Structure**: Initialize a new React project with TypeScript and install necessary dependencies, including Tailwind CSS and shadcn/ui.
   
2. **Design Layout**: Create the main layout structure with a top navigation bar, sidebar for categories, and central content area using Tailwind CSS for styling.

3. **Implement Core Features**:
   - **Content Categorization**: Develop a categorization component that allows users to add, edit, and delete categories.
   - **Concept Definition Tool**: Create a form for defining concepts with input fields for the six questions.
   - **Compare and Contrast Functionality**: Build a comparison component that displays selected concepts side by side.
   - **Digital Note-Taking Journal**: Implement a text editor component for note-taking, allowing for basic formatting options.
   - **Study Session Management**: Create functionality to set up and manage multiple study sessions.
   - **Downloadable Study Notes**: Use a library (e.g., jsPDF) to enable note exporting in various formats.

4. **Testing and Optimization**: Conduct user testing to gather feedback, optimize loading times, and ensure responsiveness across devices.

5. **Deployment**: Deploy the application using a cloud service (e.g., Vercel or Netlify) for public access.

## USER EXPERIENCE
Users will begin by logging in to their accounts and will be greeted with a dashboard displaying their study sessions and categorized content. They can easily navigate through the sidebar to select subjects or topics. The concept definition tool will guide users through defining each concept, while the compare and contrast feature will allow them to analyze different concepts visually. The digital note-taking journal will be accessible throughout their study, and the ability to export notes will provide flexibility for offline study sessions. The overall experience will focus on usability, clarity, and effective learning strategies.