Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to create and manage a series of 20 PowerPoint slides, each with a resolution of 1080×1080 pixels. The application will feature a clean, minimalist interface, allowing users to easily input data and select icons from a specified 7D source, streamlining the process of generating professional presentations.

## CORE FEATURES
1. **Slide Creation**: Users can create up to 20 slides, inputting data directly into a user-friendly form.
2. **Icon Selection**: Integrate a library of 7D icons that users can select and customize for their presentations.
3. **Preview Mode**: Allow users to preview their slides before finalizing and exporting them as a PowerPoint file.
4. **Export Functionality**: Provide an option to download the completed slides in PowerPoint format.
5. **User Account Management**: Simple authentication for users to save their work and access it later (optional).
6. **Responsive Design**: Ensure the application works seamlessly across different devices.

## 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 with a central navigation bar, main content area for slide creation, and a sidebar for icon selection and settings.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a React project with TypeScript and install Tailwind CSS for styling.
2. **Create the Layout**: Design the main layout with a navigation bar, main content area, and sidebar. Ensure responsiveness using Tailwind CSS.
3. **Develop Slide Creation Component**: Build a form that allows users to input text and select icons for each slide.
4. **Implement Icon Library**: Integrate a selection component for users to browse and choose 7D icons.
5. **Add Preview Functionality**: Create a modal or section where users can preview their slides before exporting.
6. **Enable Export Function**: Implement functionality to convert the slide data into a downloadable PowerPoint file.
7. **User Authentication (if applicable)**: Set up simple user authentication and account management features.
8. **Testing and Debugging**: Test the application across different devices and browsers to ensure functionality and responsiveness.

## USER EXPERIENCE
Users will interact with an intuitive interface where they can easily create their slides. They will start by selecting an icon, inputting text, and customizing each slide. The preview function allows them to see their work in real time, ensuring a smooth user experience. Upon completion, users can download their presentation with a simple click, making the process efficient and user-friendly.