Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application that allows users to create other applications, websites, and blogs using a simple interface. The application will feature a text input area and a microphone option to facilitate easy content creation, leveraging AI technology to assist users in generating their desired outputs.

## CORE FEATURES
1. **Text Input Area**: A dedicated space for users to type or paste their content, with real-time AI suggestions to enhance their writing.
2. **Voice Input Functionality**: Integration of a microphone feature that allows users to dictate text, making the content creation process even more accessible.
3. **Template Selection**: A variety of templates for applications, websites, and blogs to help users get started quickly.
4. **AI-Powered Content Generation**: Utilize AI to provide suggestions and auto-generate text based on user prompts or themes.
5. **Preview Mode**: Users can preview their creations in real-time to see how their applications or websites will look before finalizing.
6. **Export Options**: Ability to save or export the created content as a functional application, website, or blog post.

## 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**: A single-column layout that emphasizes simplicity, with a header, main content area for the text input and features, and a footer for contact and additional links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API as needed for managing application state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components for styling.
3. **Create Layout**: Build the main layout structure using Tailwind CSS classes to ensure responsiveness and simplicity.
4. **Implement Text Input and Microphone Functionality**: Use HTML and JavaScript APIs to create the text input area and integrate the microphone feature for voice dictation.
5. **Add AI Content Generation**: Integrate an AI service (e.g., OpenAI API) to provide content suggestions based on user input.
6. **Design Template Selection**: Create a component for users to select from various templates for their apps, websites, or blogs.
7. **Develop Preview Mode**: Implement a preview function that dynamically shows users how their final output will appear.
8. **Export Functionality**: Add options for users to save or export their creations in different formats.
9. **Testing**: Conduct user testing to ensure functionality and gather feedback for improvements.

## USER EXPERIENCE
Users will be greeted with a clean, minimalist interface that focuses on ease of use. The main feature will be a prominent text input area where they can start typing or use the microphone to dictate. As they work, AI suggestions will appear to assist with writing. Users will navigate through the template options easily, and they will be able to preview their creations in real-time. The export options will provide a seamless way to save their work, ensuring a smooth and intuitive user experience.