Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a dynamic, animated portfolio landing page for Harshit Maurya, designed to showcase his skills, education, and projects. The website will feature engaging animations that enhance user experience and create a visually appealing introduction to his work and aspirations.

## CORE FEATURES
1. **Animated Welcome Screen**: Upon loading, a character will appear and animate by pulling a rope, transitioning into the welcome message "Welcome to My Portfolio," which will animate into view.
   
2. **About Section**: After the welcome message, Harshit’s name and details about his education and skills will be revealed with smooth animations to keep the user engaged.

3. **Skills Showcase**: A visually appealing section detailing programming languages, tools, and frameworks Harshit is proficient in, presented with dynamic animations.

4. **Projects Section**: Highlighting key projects with links, descriptions, and animations that draw attention to each project, ensuring users can easily explore his work.

5. **Certification Display**: A section dedicated to showcasing Harshit’s certifications with animated icons or badges that add visual interest.

6. **Responsive Design**: The layout will be fully responsive, ensuring excellent usability on both mobile devices and desktops, with animations designed to adapt to different 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**: The main layout will include a full-screen introduction, followed by sections for About, Skills, Projects, and Certifications, each with smooth transitions and animations.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for rapid UI development and responsive design.
- **UI Components**: Use shadcn/ui for pre-built components to enhance development speed.
- **State Management**: Not required for this static portfolio but can be incorporated if interactive features are added later.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop separate components for the Welcome Screen, About Section, Skills, Projects, and Certifications.
3. **Implement Animations**: Use CSS animations or libraries like Framer Motion to add animations to each section as per the user’s vision.
4. **Design Layout**: Structure the layout using Tailwind CSS classes to maintain responsiveness across devices.
5. **Add Content**: Populate each section with Harshit’s details, ensuring to format text and links appropriately.
6. **Test Responsiveness**: Use responsive design tools to test how the site looks on different screen sizes, ensuring smooth animations and usability.

## USER EXPERIENCE
Users will be greeted with an engaging animated welcome screen, which smoothly transitions into the main content. Each section will present information in a visually captivating manner, using animations to maintain interest and encourage exploration. The responsive design will ensure that whether viewed on a mobile device or desktop, the experience remains seamless and enjoyable. 

By following this structured approach, the portfolio will not only effectively showcase Harshit’s skills and projects but also provide an enjoyable and memorable user experience.