Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a dynamic portfolio website for a second-year B.Tech student, designed to showcase projects and skills in a professional manner. The website will feature engaging hover effects while maintaining a minimalist aesthetic, ensuring that content remains the focal point.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with the student's name, tagline, and a call-to-action button leading to the projects section.
2. **About Section**: A brief overview of the student's background, skills, and educational journey.
3. **Projects Grid**: A dynamic display of various projects with hover effects that reveal more details or links to live demos.
4. **Resume Section**: A downloadable version of the student's resume, easily accessible for potential employers or collaborators.
5. **Contact Form**: A simple form allowing visitors to reach out directly, including fields for name, email, and message.
6. **Testimonials Carousel**: A section that showcases feedback from peers or professors, adding credibility and a personal touch.

## 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 sections stacked vertically, ensuring easy navigation. Each section should have clear headers and ample spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this project as it is primarily static content.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Build reusable components for the hero section, about section, project cards, resume download link, contact form, and testimonials.
3. **Implement Routing**: Set up smooth scrolling for navigation links that jump to each section on the page.
4. **Add Hover Effects**: Use CSS transitions and Tailwind classes to create engaging hover effects for project cards and buttons.
5. **Form Handling**: Implement client-side validation for the contact form and set up a method to handle form submissions.
6. **Deploy**: Use a platform like Vercel or Netlify to deploy the portfolio website and ensure it is accessible online.

## USER EXPERIENCE
Visitors will be greeted by an engaging hero section that captures their attention and invites interaction. The portfolio will allow users to hover over project cards to reveal additional information, creating an interactive experience. The contact form will facilitate easy communication, while the resume section provides a straightforward way for potential employers to access the student’s qualifications. The overall navigation will be smooth, with a focus on delivering a clean and professional experience.