Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist portfolio website designed to showcase the developer's work and expertise. The site will serve as an online resume and project showcase, allowing visitors to easily navigate through the developer's skills, projects, and contact information.

## CORE FEATURES
1. **Hero Section**: A captivating introductory section that includes the developer's name, a brief tagline, and a call-to-action button directing visitors to view projects or contact.
   
2. **Project Showcase**: A visually appealing layout to display selected projects with images, brief descriptions, and links to live demos or GitHub repositories.

3. **Skills Overview**: A section highlighting the developer's key skills and technologies used, presented in a clean and organized manner.

4. **Testimonials**: A carousel or grid layout featuring quotes from clients or colleagues, adding credibility and showcasing the developer's impact.

5. **Contact Form**: A simple, user-friendly contact form allowing potential clients or collaborators to reach out easily.

6. **Responsive Design**: The website will be fully responsive, ensuring an optimal viewing experience across devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space and a focus on typography to create a professional appearance.
- **Color Mode**: Light theme with dark text on light backgrounds for easy readability.
- **Layout**: A single-page layout with clearly defined sections for the hero, projects, skills, testimonials, and contact form, allowing for smooth scrolling.
- **Typography**: Use a sans-serif font like 'Roboto' or 'Open Sans' for body text, with a larger, bold font for headers to create a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a modern, type-safe development experience.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design adjustments.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic.
- **State Management**: Not required for this project, as it focuses on static content and simple interactions.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or a similar setup.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Layout Components**: Build reusable components for the hero section, project showcase, skills overview, testimonials, and contact form.
4. **Implement Routing (if necessary)**: For a single-page application, ensure smooth navigation between sections using anchor links.
5. **Style Components**: Use Tailwind CSS classes to style the components according to the specified minimalist design.
6. **Test Responsiveness**: Ensure the site is responsive by testing on various devices and screen sizes.
7. **Deploy**: Deploy the completed portfolio website to a hosting platform like Vercel or Netlify.

## USER EXPERIENCE
Key interactions include smooth scrolling navigation to different sections, hover effects on project images, and an intuitive contact form that provides instant feedback upon submission. The overall experience is designed to be straightforward and engaging, ensuring visitors can easily access the developer's work and get in touch.