Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Expert Editor" is a web application designed to provide users with an intuitive and efficient platform for editing and managing text content. The application focuses on delivering a minimalist experience that allows users to concentrate on their writing while benefiting from advanced editing tools and features.

## CORE FEATURES
1. **Rich Text Editing**: Users can create, format, and style text with a comprehensive set of editing tools including bold, italic, lists, and hyperlinks.
2. **Version Control**: Track changes and revert to previous versions of documents, allowing users to maintain control over their edits.
3. **Collaboration Tools**: Enable real-time collaboration with other users, allowing multiple editors to work on a document simultaneously.
4. **Export Options**: Users can export their documents in various formats such as PDF, DOCX, or plain text for easy sharing and publishing.
5. **Spell Check and Grammar Suggestions**: Integrated tools to help users refine their writing by identifying spelling errors and suggesting grammatical improvements.
6. **Custom Templates**: Users can create and save custom templates for frequently used document styles, speeding up the editing process.

## 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 consists of a top navigation bar for quick access to features, a central editing area for the text editor, and a sidebar for additional tools and document management.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or Context API as needed)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Develop the main layout components including the navigation bar, sidebar, and editing area using Tailwind CSS for styling.
3. **Implement Rich Text Editor**: Integrate a rich text editor component, ensuring it supports all formatting features specified in the core features.
4. **Add Version Control**: Implement version control functionality, allowing users to save and retrieve document versions.
5. **Build Collaboration Tools**: Set up real-time collaboration features using WebSockets or similar technology for live editing.
6. **Create Export Functionality**: Implement export options for users to download their documents in the specified formats.
7. **Integrate Spell Check and Grammar Suggestions**: Add functionality for spell check and grammar suggestions using an appropriate library or API.
8. **Design Custom Templates**: Build a template management system where users can save and apply their custom document styles.

## USER EXPERIENCE
Users will start by logging into the application, where they will be greeted by a clean and intuitive interface. The central editing area allows for quick text input, while the sidebar offers easy access to tools like templates and collaboration options. Users can save changes, track document versions, and collaborate in real-time with minimal distraction, all while enjoying a streamlined and responsive design tailored for effective writing.