Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to serve as an educational prompt library where educators can create, edit, and share prompts tailored for educational purposes. The platform will facilitate collaboration and resource sharing among teachers, similar to lovableprompts.app but with a focus on educational content.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login for educators to create and manage their accounts.
2. **Prompt Creation Tool**: A user-friendly interface for teachers to create and format their educational prompts.
3. **Prompt Library**: A searchable and filterable library where users can browse, read, and select prompts shared by others.
4. **Editing and Version Control**: Options for users to edit their prompts and access previous versions to manage changes.
5. **Sharing and Collaboration**: Features that allow users to share prompts with specific colleagues or publicly within the platform.
6. **Feedback System**: A mechanism for users to leave comments and ratings on shared prompts to enhance quality and engagement.

## 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 include a top navigation bar for easy access to the library, prompt creation, and user profile. The homepage will feature a hero section that introduces the platform, followed by a showcase of featured prompts, and a footer with contact information and resources.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Design the Layout**: Create the main components including the navigation bar, hero section, prompt library, and footer.
3. **Implement Authentication**: Set up user authentication using a service like Firebase or Auth0 to manage user accounts.
4. **Build Prompt Creation Tool**: Develop a form component for creating prompts with input validation and formatting options.
5. **Create the Prompt Library**: Implement a searchable and filterable list of prompts with options to view details and share.
6. **Integrate Feedback System**: Add functionality for users to comment on and rate prompts, storing this data in a database.

## USER EXPERIENCE
Users will begin their journey by signing up or logging in to their accounts. Upon entering the application, they will be greeted by a clean and inviting hero section that introduces the platform. Educators can easily navigate to create new prompts or explore the library. The prompt creation tool will be intuitive, allowing for quick input and formatting. Users can browse through a well-organized library of prompts, filtering by categories or rating, and will have the ability to provide feedback on prompts they use, fostering a collaborative community. All features will be designed to be responsive, ensuring a seamless experience across devices.