Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to revolutionize slideshow creation, providing an innovative alternative to Canva and Figma. It enables businesses and creators to craft engaging presentations that can significantly boost their organic reach on platforms like TikTok and Instagram. The application focuses on simplicity and usability, allowing users to create visually appealing slideshows quickly.

## CORE FEATURES
1. **Easy-to-Use Editor**: A drag-and-drop interface that allows users to effortlessly add text, images, and animations to their slides.
2. **Template Library**: A collection of professionally designed templates tailored for social media formats, enabling quick customization.
3. **Export Options**: Users can easily export their slideshows in various formats, including video and GIF, optimized for social media sharing.
4. **Collaboration Tools**: Real-time collaboration features that allow teams to work on presentations simultaneously, enhancing productivity.
5. **Analytics Dashboard**: A built-in analytics tool that tracks the performance of shared slideshows, providing insights on viewer engagement.
6. **Social Media Integration**: Direct sharing options to TikTok, Instagram, and other platforms to streamline the posting 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, a sidebar for template selection, and a central editing canvas. The footer includes links to support and a contact form.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui, Redux Toolkit).
2. **Create the Layout**: Design the main layout components including the navigation bar, sidebar, editing canvas, and footer.
3. **Implement the Editor**: Build the drag-and-drop editor functionality, integrating text, image, and animation components.
4. **Develop the Template Library**: Create a component to display available templates that users can select and customize.
5. **Add Export Functionality**: Implement features to export slideshows in various formats, ensuring optimal quality for social media.
6. **Integrate Collaboration Tools**: Set up real-time collaboration capabilities using WebSocket or similar technologies for team editing.
7. **Build the Analytics Dashboard**: Create a dashboard to display performance metrics for shared slideshows.
8. **Implement Social Media Sharing**: Add buttons and functionality for users to share their creations directly to TikTok and Instagram.

## USER EXPERIENCE
Users will have a seamless experience navigating through the application. Upon landing on the homepage, they will be greeted with a minimalistic interface that highlights the slideshow editor. Users can select a template from the sidebar, customize their slides in the central canvas, and easily access analytics to measure the impact of their shared content. The intuitive design ensures that even those unfamiliar with design tools can create professional-looking slideshows effortlessly.