Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is an academic portfolio that showcases the user's achievements, certifications, and experiences in a professional and visually appealing manner. It will serve as an interactive and engaging way to present academic credentials and participation in competitions.

## CORE FEATURES
1. **Profile Section**: Displays the user’s profile picture prominently at the top, along with a brief bio that introduces their academic background and interests.
2. **Achievements Section**: Highlights participation in competitions with photos and descriptions, showcasing certificates and awards to enhance credibility.
3. **Certification Display**: Includes images of 10th and 12th-grade certificates, formatted neatly to maintain a professional look.
4. **Visual Appeal**: The design will be minimalist, focusing on clean layouts, ample white space, and a cohesive color scheme to enhance readability and engagement.
5. **Responsive Design**: Ensures that the portfolio is accessible and looks great on various devices, including desktops, tablets, and mobile phones.
6. **Contact Information**: A dedicated section for contact details, encouraging potential collaborators or employers to get in 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-column layout with sections stacked vertically—starting with the profile, followed by achievements, certifications, and a contact section at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this static portfolio application

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop components for the Profile Section, Achievements Section, Certification Display, and Contact Information.
3. **Implement Layout**: Utilize Tailwind CSS to create a responsive layout that adapts to different screen sizes.
4. **Integrate Typography**: Import Inter font from Google Fonts and apply it to headings and body text using Tailwind classes.
5. **Image Handling**: Organize and implement the images as specified, ensuring they are correctly displayed and aligned within their sections.
6. **Style Components**: Apply the primary color and border radius specifications to buttons, cards, and other UI elements to maintain consistency.
7. **Testing**: Test the application on various devices to ensure responsiveness and functionality.

## USER EXPERIENCE
Users will navigate through a clean and well-organized portfolio. The profile section will immediately catch their attention, followed by a visual display of achievements that highlight the user's qualifications. The minimalist design will ensure that users can focus on the content without distractions, while the responsive nature of the application will provide a seamless experience across devices. The contact section will facilitate easy communication for potential opportunities.