Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to help educators organize and access their teaching materials efficiently, transitioning from traditional notebooks and papers to a digital format. It will allow users to scan, upload, and categorize course documents and exercises, enabling streamlined access during classes.

## CORE FEATURES
1. **Document Upload**: Users can scan and upload documents, converting them into a digital format for easy access.
2. **Categorization System**: Implement tags and categories for documents, allowing users to organize materials by subject, grade level, or topic.
3. **Search Functionality**: A robust search feature that enables users to quickly find specific documents or exercises.
4. **Interactive Class Mode**: A special mode for real-time access to teaching materials during classes, facilitating a smoother teaching experience.
5. **User Authentication**: Secure login for users to protect their personal teaching materials and preferences.
6. **Dashboard Overview**: A user-friendly dashboard that provides a snapshot of uploaded documents, recent activity, and quick access links.

## 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 consist of a header for navigation, a sidebar for document categories, and a central content area displaying documents and search results.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for complex state handling)

## IMPLEMENTATION STEPS
1. **Set up the Project Environment**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling components.
3. **Create the Folder Structure**: Organize components, pages, and assets for easy navigation and maintenance.
4. **Develop Authentication**: Implement user authentication to secure access to the application.
5. **Build Document Upload Feature**: Create a component for users to upload and scan documents, integrating file handling capabilities.
6. **Implement Categorization and Search Features**: Develop functionality for tagging documents and enabling search queries.
7. **Design the Dashboard**: Create the main dashboard layout that includes an overview of documents and quick access features.
8. **Testing and User Feedback**: Conduct usability testing with target users to gather feedback and make necessary adjustments before launch.

## USER EXPERIENCE
Users will interact with the application by logging in and being greeted by a clean dashboard. They can easily upload documents via a prominent button, categorize them using a simple tagging system, and utilize the search bar to quickly find specific materials. During class, the interactive mode will allow seamless access to resources without disrupting the flow of teaching. The overall experience will prioritize simplicity and efficiency, ensuring educators can focus on delivering quality instruction.