Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a high-level full-stack developer portfolio website that showcases the developer's work in a visually stunning and interactive manner. The website will feature smooth scrolling effects and parallax elements, providing a captivating user experience while highlighting the developer's skills and projects.

## CORE FEATURES
1. **Hero Section**: A visually striking hero area that introduces the developer with a brief tagline and a call-to-action button leading to the portfolio.
2. **Project Showcase**: A dynamic section displaying various projects, including images, descriptions, and links to live demos or repositories.
3. **About Me**: A dedicated section with a compelling narrative about the developer, including skills, experience, and professional background.
4. **Testimonials**: A section featuring quotes from colleagues or clients to build credibility and showcase collaboration experiences.
5. **Contact Form**: A simple and accessible contact form that allows potential clients or employers to reach out directly.
6. **Smooth Scrolling & Parallax Effects**: Implementation of smooth scrolling and parallax effects to enhance the visual experience and engagement on the site.

## 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 layout will be a single-page scrolling format, with sections stacked vertically, ensuring easy navigation and a cohesive flow through the content.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified, but can be handled with React's built-in state or context API as needed.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Develop the main components such as Hero, Project Showcase, About Me, Testimonials, and Contact Form.
4. **Implement Routing**: Use React Router for smooth navigation within the single-page layout.
5. **Add Styles**: Utilize Tailwind CSS to style components according to the specified design specifications.
6. **Integrate Animations**: Implement smooth scrolling and parallax effects using libraries such as React Spring or Framer Motion.
7. **Test Responsiveness**: Ensure the website is fully responsive across various devices and screen sizes.
8. **Deploy**: Once completed, deploy the portfolio site on platforms like Vercel or Netlify for public access.

## USER EXPERIENCE
The user experience will focus on intuitive navigation, allowing visitors to smoothly scroll through the sections without interruption. Each project will be presented in an engaging manner with hover effects and clickable links to encourage exploration. The contact form will be straightforward, inviting users to connect easily. Overall, the site will prioritize a seamless and enjoyable experience while effectively showcasing the developer's skills and projects.