This is a React + TypeScript + Vite application that allows users to:

• Upload an image, audio file, video file, or document
• The app determines the appropriate prebuilt analyzer model in Azure Foundry Content Understanding for the submitted file
• The selected model is used to summarize the content of the file

• Multi-Modal Upload: Accepts images, audio, video, and document files
• Automatic Model Selection: Chooses the best Azure Foundry Content Understanding prebuilt analyzer for the file type
• Summarization: Uses the selected model to generate a summary of the submitted file
• Modern UI: Clean, accessible, and responsive interface

• Node.js (v18 or later recommended)
• An Azure account with:
  • Access to Azure Foundry Content Understanding models
  • Required keys and endpoints for the relevant Azure services

1. Clone this repository:

   git clone <your-repo-url>
   cd content-understanding-app

2. Install dependencies:

   npm install

3. Configure your Azure keys and endpoints in a .env file in the project root:

   # Example environment variables
   VITE_AZURE_FOUNDY_KEY=your-key
   VITE_AZURE_FOUNDY_ENDPOINT=your-endpoint

   • Never commit your .env file to source control.

To start the development server:

npm run dev

Then open the URL shown in the terminal (usually http://localhost:5173) in your browser.

To build the app for production:

npm run build

The output will be in the dist/ directory.

• The app supports image, audio, video, and document files for summarization.
• Model selection and summarization are performed using Azure Foundry Content Understanding.
• Ensure your Azure resources are properly configured for access.