Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application, titled "Portafolio," is a web app designed to serve as an online portfolio for users to showcase their professional achievements, including a résumé, summary cover page, and projects. It provides recruiters and hiring managers with an easy way to view and link to the user's CV and LinkedIn profile, enhancing job application visibility and networking opportunities.

## CORE FEATURES
1. **Cover Page**: A visually appealing summary section that introduces the user, highlighting their skills and professional background.
2. **CV Section**: A detailed, downloadable CV that users can update easily, providing essential information about their education, work experience, and skills.
3. **Projects Gallery**: A showcase of projects with descriptions, images, and links, allowing users to present their work effectively.
4. **LinkedIn Integration**: A feature that enables users to link their LinkedIn profile directly from their portfolio, enhancing connectivity with potential employers.
5. **Contact Form**: A simple form allowing recruiters to reach out directly with inquiries, enhancing communication opportunities.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, emphasizing clarity and usability. The focus will be on typography to ensure readability and aesthetic appeal.
- **Color Mode**: Light theme with dark text on light backgrounds, creating a fresh and inviting look.
- **Layout**: The layout will follow a single-page structure, featuring a hero section at the top, followed by the CV, projects, and contact sections. Each section will be clearly delineated with ample spacing.
- **Typography**: Use of modern sans-serif fonts like Roboto or Open Sans for body text, with larger, bold headings to create a clear hierarchy and guide the user's attention.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust development experience.
- **Styling**: Tailwind CSS, enabling rapid styling and responsiveness.
- **UI Components**: Utilize shadcn/ui for polished and accessible UI components.
- **State Management**: React's built-in state management will be sufficient for this application, given its relatively straightforward functionality.

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React app using Create React App with TypeScript support.
2. **Install Tailwind CSS**: Configure Tailwind CSS in the project, ensuring it is set up for both development and production builds.
3. **Create the layout structure**: Develop the main components for the Cover Page, CV Section, Projects Gallery, and Contact Form, utilizing Tailwind for styling.
4. **Implement core features**: 
   - Build the Cover Page component with user data input fields.
   - Create a CV Section that pulls data dynamically and allows for CV downloads.
   - Develop the Projects Gallery to display projects with links and images.
   - Integrate LinkedIn linking functionality.
5. **Add routing if necessary**: If the application grows, consider adding React Router for navigation between sections.
6. **Test responsiveness**: Ensure the application is fully responsive across devices, adjusting Layout and CSS accordingly.
7. **Deploy the application**: Use platforms like Vercel or Netlify for quick deployment and hosting.

## USER EXPERIENCE
Users will have an intuitive experience navigating through their portfolio. Upon landing on the page, they will see the Cover Page that immediately introduces them. Scrolling down, they will find the CV Section, which can be downloaded for easy sharing. The Projects Gallery will allow them to interact with their work, with options to view more details or visit external links. Finally, the contact form will be straightforward, ensuring potential employers can easily reach out for inquiries. The minimalist design will keep the focus on the content, providing a seamless and engaging user experience.