Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide insights into the applicability of AI/ML in Halyk Bank's super app. The application will facilitate the documentation and presentation of ML initiatives, allowing users to export all pages in PDF format. It aims to help product managers and stakeholders visualize ML applications, prioritize hypotheses, and strategize implementation, ultimately enhancing user engagement and conversion rates.

## CORE FEATURES
1. **Hypothesis Management**: Users can define and manage multiple ML hypotheses, including sources and analytics.
2. **Prioritization Tool**: A feature to prioritize hypotheses based on business impact, providing expected uplift calculations.
3. **Implementation Roadmap**: Visualization tools to create Gantt charts or roadmaps for ML feature implementation, detailing stages, responsibilities, and timelines.
4. **Data Requirements Documentation**: Users can outline necessary data, events, and model training requirements for each ML task.
5. **Effect Validation**: A/A/B testing framework to validate ML feature effectiveness, with detailed experiment design options.
6. **Risk Assessment and Communication Strategy**: Tools to identify potential risks and develop strategies for stakeholder communication.

## 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 straightforward layout featuring a header with navigation, a main content area for displaying ML insights, a sidebar for quick access to tools, and a footer with contact information and additional resources.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux (specify if needed)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React application using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Define Components**: Create core components for hypothesis management, prioritization tool, roadmap visualization, and effect validation.
4. **Implement Routing**: Use React Router to manage navigation between different sections of the application.
5. **Build State Management**: Implement the chosen state management solution to handle the application's data flow.
6. **Integrate Export Functionality**: Implement PDF export functionality for all pages using libraries like jsPDF or react-to-print.
7. **Design User Interfaces**: Use Tailwind CSS to style components according to the specified design.
8. **Testing and Validation**: Implement unit and integration tests to ensure all features work as intended.
9. **Deployment**: Deploy the application on a suitable hosting platform like Vercel or Netlify.

## USER EXPERIENCE
The application will offer an intuitive interface that allows users to navigate through different sections seamlessly. Users will be able to create and manage hypotheses easily, visualize their implementation plans, and validate the effectiveness of ML features through a simple A/B testing setup. The minimalist design will ensure a focus on content, enhancing the overall user engagement and facilitating effective communication of insights and strategies. 

This web application will serve as a comprehensive tool for product managers working on AI/ML initiatives within Halyk Bank, aligning with the goal of improving conversion rates, retaining funds, and reducing cost-to-serve through ML-driven personalization and decision-making.