Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist 3D portfolio website for Shakeel Ahmad, a Full-Stack Web Developer. The main purpose is to showcase his skills, projects, and expertise in a visually engaging manner while maintaining a clean and simple design that emphasizes his work.

## CORE FEATURES
1. **Hero Section**: An eye-catching introduction featuring Shakeel's name and a brief tagline about his expertise as a Full-Stack Web Developer.
2. **About Section**: A concise overview of Shakeel's background, skills, and technologies he specializes in, including HTML, CSS, PHP, and Laravel.
3. **Projects Showcase**: A visually appealing display of selected projects with links to live demos and GitHub repositories, allowing visitors to explore his work.
4. **Skills Section**: An interactive representation of Shakeel's technical skills, highlighting proficiency in front-end and back-end technologies.
5. **Contact Form**: A simple yet effective contact form enabling potential clients or collaborators to reach out directly.
6. **Responsive Design**: Ensuring the portfolio looks great on various devices, maintaining usability and aesthetics across all screen sizes.

## 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**: A single-page layout with distinct sections for the hero, about, projects, skills, and contact, utilizing smooth scrolling and a sticky navigation bar for easy access.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for rapid, responsive design.
- **UI Components**: Utilize shadcn/ui for consistent and customizable UI elements.
- **State Management**: Not specifically required for this portfolio but can be implemented for form handling.

## IMPLEMENTATION STEPS
1. **Setup Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Layout**: Build the main layout structure with React components for each section (Hero, About, Projects, Skills, Contact).
3. **Add Styling**: Apply Tailwind CSS classes to achieve the minimalist aesthetic, ensuring the primary color and typography are consistently applied.
4. **Implement Features**: Develop each core feature, starting with the hero section and working through to the contact form, ensuring all components are responsive.
5. **Test Interactions**: Ensure all links work, forms are functional, and the layout adapts smoothly across different devices.
6. **Deploy**: Use a platform like Vercel or Netlify for easy deployment of the portfolio once completed.

## USER EXPERIENCE
Users will be greeted by a visually striking hero section that introduces Shakeel. As they scroll down, they will encounter a clean and organized presentation of his skills and projects. Each project will link to external resources, enhancing engagement. The contact form will facilitate easy communication, ensuring potential clients can reach out effortlessly. The overall experience will be fluid and intuitive, with a focus on showcasing Shakeel's capabilities and design aesthetics.