Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a modern portfolio generator—a web app that enables users to create and customize their personal portfolios effortlessly. The primary goal is to provide a clean, minimalist interface that allows users to showcase their work and experiences with a focus on typography and clarity.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login functionality for users to create and manage their portfolios.
2. **Template Selection**: A variety of customizable minimalist templates that users can choose from to start their portfolio.
3. **Content Editor**: A rich text editor that allows users to add and format content, including text, images, and links, with ease.
4. **Preview Mode**: Instant preview functionality to see how the portfolio will look in real-time as changes are made.
5. **Responsive Design**: Portfolios automatically adjust to different screen sizes, ensuring optimal viewing on all devices.
6. **Export Options**: Ability to export the portfolio as a PDF or a standalone HTML page for offline access or sharing.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design with a focus on whitespace to enhance readability and content focus. UI components are simple and unobtrusive.
- **Color Mode**: Light theme featuring a soft, neutral background with dark text for high contrast and easy readability.
- **Layout**: A single-column layout for content display, with a fixed navigation bar at the top for easy access to different sections of the portfolio. Each section should be well-separated to maintain clarity and organization.
- **Typography**: Use a clean sans-serif font such as "Inter" for body text and a bolder variant for headings to establish a clear hierarchy. Font sizes should vary from 16px for body text to 24px for headings, ensuring easy readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building the user interface and handling state.
- **Styling**: Tailwind CSS for utility-first styling and rapid prototyping.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic.
- **State Management**: Redux Toolkit for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create User Authentication**: Implement user authentication features using Firebase or Auth0 for secure access.
3. **Develop Template Selection**: Design and implement a component for users to select from various minimalist templates.
4. **Build Content Editor**: Integrate a rich text editor component that allows users to easily format text and insert media.
5. **Implement Preview Mode**: Create a preview feature that renders the portfolio in real-time as users make edits.
6. **Ensure Responsiveness**: Use Tailwind CSS classes to make the layout responsive across different devices and screen sizes.
7. **Export Functionality**: Add options for users to export their portfolios as PDFs or HTML files.

## USER EXPERIENCE
Users will navigate through a streamlined onboarding process to create an account. Once logged in, they can select a template and enter their information using the content editor. They will see real-time updates in the preview mode, allowing them to refine their portfolios easily. The minimalist design ensures that users focus on their content without distractions, leading to a seamless and enjoyable experience. Users can export their finished portfolios with a single click, ready for sharing or offline viewing.