GenReport Client

GenReport is an advanced web application providing AI-driven reporting capabilities against database connections, accessible entirely from a structured chat interface.

Technology Stack

• Framework: React 18
• Build Tool: Vite
• Language: TypeScript
• Styling: Tailwind CSS
• Components: shadcn/ui, Lucide Icons
• State Management: Redux Toolkit
• AI SDK: @ai-sdk/react, ai
• Routing: React Router DOM
• Dependency Injection: InversifyJS

Getting Started

1. Install dependencies

   npm install

2. Environment Variables Create a .env file containing the required backend API base endpoint URL:

   VITE_BASE_URL=http://localhost:5000/api

3. Start the development server

   npm run dev

4. Build for production

   npm run build

Key Features

• Database Connections: Configure and manage databases (PostgreSQL, MySQL, SQL Server, MongoDB etc.) to enable seamless data querying through AI generation.
• AI Models & Configurations: Define and swap between various AI providers (OpenAI, Anthropic, Gemini, Ollama) with customized system prompts and model definitions.
• Interactive Chat Interface: Speak naturally to analyze data. Easily swap LLM providers or underlying database targets directly within the conversation window.
• Reports Dashboard: Aggregate queries natively generated by the AI and preview them as actionable dashboards.