Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app designed for ESG (Environmental, Social, and Governance) analysis, tailored for investors and financial institutions such as asset managers, banks, and private equity firms. It leverages machine learning to transform sustainable investing by identifying meaningful ESG insights from text in almost real-time, thereby increasing efficiency, boosting productivity, and building investor confidence.

## CORE FEATURES
1. **Document Upload**: Users can upload various documents for analysis, allowing the app to extract and identify ESG risk terms.
2. **Real-time ESG Insights**: The application reads documents and highlights ESG terms while assigning sentiment scores based on context, facilitating quick decision-making.
3. **Strengths and Weaknesses Identification**: The app quickly identifies a company's strengths and weaknesses related to ESG factors, aiding investors in their assessments.
4. **Interactive Dashboard**: Provides a user-friendly dashboard displaying key ESG metrics and insights, enhancing data visualization for users.
5. **Sentiment Analysis**: Each ESG risk term is assessed for sentiment, providing a nuanced understanding of the data.
6. **Reports Generation**: Users can generate detailed reports summarizing ESG insights and analyses for further evaluation.

## 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 consist of a top navigation bar, a prominent hero section for the main call-to-action, followed by features presented in a grid layout, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed) for managing application state efficiently.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and any other necessary libraries such as Redux for state management.
3. **Create Components**: Develop the core components including the Upload Document, Dashboard, and ESG Insights components.
4. **Implement Routing**: Set up routing if necessary, using React Router to navigate between different views or sections of the application.
5. **Integrate Machine Learning Model**: Connect the application to the machine learning backend that processes the uploaded documents and returns ESG insights.
6. **Design UI**: Apply Tailwind CSS for styling based on the design specifications, ensuring responsiveness and adherence to the minimalist style.
7. **Testing**: Conduct thorough testing of all features, including document uploads, sentiment analysis, and dashboard functionalities.
8. **Deployment**: Deploy the application using a suitable hosting platform like Vercel or Netlify.

## USER EXPERIENCE
Users will interact with the application by uploading documents through the intuitive interface. They will receive immediate feedback as ESG terms are highlighted, and sentiment is analyzed in real-time. The interactive dashboard will allow users to view key metrics and insights at a glance, facilitating informed decision-making. The overall experience will prioritize simplicity, ensuring users can navigate the app effortlessly and access crucial information quickly.