Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to generate PowerPoint presentations based on reference materials for a basic introductory course on protection coordination for master's students in electrical engineering. The application will streamline the process of creating professional presentations, making it easier for students to prepare and present their materials effectively.

## CORE FEATURES
1. **Template Selection**: Users can choose from various presentation templates tailored for different topics in electrical engineering.
2. **Content Input**: A user-friendly interface allows users to input their content, including text, images, and diagrams relevant to protection coordination.
3. **Auto-Formatting**: The application automatically formats the content according to the selected template, ensuring consistency and professionalism.
4. **Preview Functionality**: Users can preview their presentation in real-time before downloading it as a PowerPoint file.
5. **Download Options**: Once satisfied with their presentation, users can download it in .pptx format.
6. **User Accounts**: (Optional) Users can create accounts to save their presentations and access them later.

## 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 will consist of a header for navigation, a central content area for input and preview, and a footer with additional resources and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Context API or Zustand (as needed for managing user input and presentation state).

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Design the layout**: Create a header component for navigation, a content area for input and preview, and a footer component.
3. **Implement template selection**: Develop a component to display available presentation templates.
4. **Create content input fields**: Design input fields for text, images, and diagrams.
5. **Add auto-formatting functionality**: Write logic to format the presentation content based on the selected template.
6. **Build the preview functionality**: Implement a preview area that dynamically updates as the user inputs content.


genera la presetacion en formato power point editable en español