Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as a personal showcase for users to share their experiences from the Agent AI & Agentic AI workshop, along with their project work, such as a bot they created. The application allows users to post their certificates and project details in a conversational and engaging manner, enhancing their professional presence on platforms like LinkedIn.

## CORE FEATURES
1. **User Profile Creation**: Users can create a profile to store their workshop details, certificates, and project descriptions.
2. **Certificate Upload**: A feature that allows users to upload and display their workshop certificates in a visually appealing manner.
3. **Project Showcase**: Users can present their created bots or projects, complete with descriptions, functionality explanations, and images.
4. **Social Media Integration**: Direct links and easy sharing options for posting achievements on LinkedIn and other social platforms.
5. **Conversational Prompt Generation**: An AI-driven feature that generates natural, human-like text for users to share their experiences and project details.
6. **Feedback and Comments Section**: Users can receive feedback on their projects from peers and mentors, fostering a community of learning and growth.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist approach with a clean and simple design, emphasizing whitespace to ensure readability and focus on content.
- **Color Mode**: Light theme featuring dark text on light backgrounds, creating a comfortable reading experience.
- **Layout**: 
  - A single-page layout where the header contains user profile info and navigation links.
  - A main content area divided into sections for certificates, projects, and conversational prompts.
  - A footer with social media links and contact information.
- **Typography**: Use a sans-serif font like Inter or Roboto for body text (16px) with larger headings (24px) to establish a clear hierarchy and improve readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS to streamline the styling process with utility-first classes.
- **UI Components**: Utilize shadcn/ui for pre-built, accessible components to speed up development and maintain consistency.
- **State Management**: Redux or React Context API (choose based on complexity) for managing user data and application state.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Create a new React application with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create User Profile Component**: Build a component that allows users to input their details and upload their certificates.
3. **Implement Certificate Upload Feature**: Use file input and display uploaded certificates in a card layout.
4. **Develop Project Showcase Section**: Create a component for users to add and showcase their bots, ensuring it includes descriptive fields and images.
5. **Integrate AI Prompt Generation**: Leverage an AI model to generate user-friendly text based on the input from the project showcase.
6. **Add Social Media Sharing**: Implement sharing buttons for LinkedIn and other platforms, ensuring they open correctly and maintain user context.
7. **Create Feedback Section**: Design a simple comments interface for users to interact and provide feedback on projects.
8. **Test Responsiveness**: Ensure the application is fully responsive across different devices and screen sizes.

## USER EXPERIENCE
Users will begin by creating their profiles, where they can upload their certificates and describe their projects. The application will guide them through generating a conversational post about their workshop experience and project, making it easy to share on LinkedIn. Users can navigate effortlessly between sections, receive feedback from the community, and manage all their achievements in one place while enjoying a clean and intuitive interface.