Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a professional portfolio web app designed for project managers, showcasing their tools, capabilities, and leadership skills in a clean, minimalist format. The primary purpose is to effectively communicate the user’s professional expertise and experience, allowing potential employers or clients to quickly assess their qualifications.

## CORE FEATURES
1. **Profile Overview**: A dedicated section that displays the project manager's professional summary, including a profile picture, name, and contact information, presented prominently at the top of the portfolio.
2. **Tools & Capabilities**: A segmented area that outlines key tools and capabilities categorized into Agile, AI, Platforms, Data, and Leadership, allowing users to quickly understand the project manager's skill set.
3. **Project Showcase**: A gallery feature to display previous projects with descriptions, outcomes, and relevant metrics, enhancing credibility and providing real-world examples of expertise.
4. **Testimonials**: A section for client and stakeholder testimonials, emphasizing leadership and project success through quotes and feedback, creating a personal touch.
5. **Contact Form**: An easy-to-use contact form that allows potential clients or employers to reach out directly, enhancing user engagement and facilitating communication.
6. **Downloadable Resume**: A feature enabling users to download a professional resume in PDF format, providing a tangible takeaway for interested parties.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will focus on clean lines, ample white space, and simplicity to ensure that content is easy to read and navigate.
- **Color Mode**: Light theme with dark text on light backgrounds to promote readability and a fresh, professional appearance.
- **Layout**: A single-column layout with a fixed navigation bar at the top, leading to each section of the portfolio. The sections will have clear headings and ample spacing to distinguish between different content areas.
- **Typography**: Use of modern sans-serif fonts such as 'Roboto' for body text and 'Montserrat' for headings to maintain a professional and contemporary look. Headings will be bold and larger in size to establish a clear visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and maintainable application.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design adjustments while maintaining a consistent aesthetic.
- **UI Components**: Utilize shadcn/ui for pre-built UI components that align with the minimalist design ethos.
- **State Management**: React Context API or Redux for managing application state if necessary, particularly for form submissions and portfolio data.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Components**: Develop individual components for the Profile Overview, Tools & Capabilities, Project Showcase, Testimonials, Contact Form, and Downloadable Resume.
4. **Implement Routing**: Set up React Router to enable smooth navigation throughout the portfolio sections.
5. **Style Components**: Use Tailwind CSS classes to apply the minimalist design principles throughout the app, ensuring a cohesive look.
6. **Integrate State Management**: If using a state management solution, set up the necessary logic for handling user input in the contact form and managing project data.
7. **Test Responsiveness**: Ensure the application is responsive and works seamlessly on various devices, from desktop to mobile.
8. **Deploy Application**: Use services like Vercel or Netlify to deploy the portfolio web app for public access.

## USER EXPERIENCE
Key user interactions involve navigating through a straightforward menu to access different sections of the portfolio. The layout ensures that users can effortlessly read through the project manager's capabilities while the clean design minimizes distractions. The contact form invites inquiries, making it easy for potential clients to engage, while the downloadable resume provides an easy way for users to save important information for later reference. Overall, the experience is designed to be intuitive, engaging, and efficient, fostering a positive impression of the project manager's professionalism.