Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The AI Social Media Post Generator is a web application designed to help users create visually appealing social media posts, ads, and promotional materials effortlessly. With a focus on simplicity and usability, this app allows users to generate customized content quickly, making social media marketing accessible for everyone.

## CORE FEATURES
1. **Post Generation**: Users can input text and select styles to generate social media-ready posters and ads instantly.
2. **Template Library**: A collection of customizable templates tailored for different platforms (Instagram, Facebook, Twitter, etc.) to streamline the creation process.
3. **Image Integration**: Users can upload images or select from a library of stock images to enhance their posts.
4. **Preview Functionality**: Real-time previews of the generated posts to ensure they meet user expectations before finalizing.
5. **Download Options**: Users can download their creations in various formats (JPEG, PNG) for easy sharing on social media.
6. **User Account Management**: Optional user accounts to save and manage designs for future use.

## 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 responsive grid layout that adapts to various screen sizes, ensuring a seamless experience on both desktop and mobile devices.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (depending on complexity of state management needs)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling components.
3. **Create Component Structure**: Build components for the main features including the post generator, template library, upload image feature, and download options.
4. **Implement State Management**: Set up Redux or Context API for handling user data and posts.
5. **Design User Interface**: Apply Tailwind CSS classes to style components according to the minimalist design specifications.
6. **Integrate Preview Functionality**: Implement a preview feature that updates in real-time as users modify their posts.
7. **Implement Download Functionality**: Add functionality to download generated posts in different formats.
8. **User Account Management**: Develop a user account feature for saving and managing designs (optional).
9. **Testing**: Test the application for functionality, usability, and responsive design across devices.

## USER EXPERIENCE
The application focuses on a streamlined user experience where users can easily navigate through the post creation process. Key interactions include:
- An intuitive input area for entering text and selecting styles.
- A drag-and-drop interface for image uploads.
- Immediate visual feedback through a live preview.
- Simple navigation to access saved designs and templates.
- Quick download options to share posts directly on social media platforms.

This web application is designed to empower users to create stunning social media content effortlessly, enhancing their marketing efforts with minimal effort.