Transform your raw data into beautiful, interactive visualizations just by asking. Reporting AI seamlessly interprets natural language to instantly generate insightful bar charts, line graphs, area charts, and pie charts. Built on a modern stack, it renders these custom dashboard widgets dynamically right inside your chat interface.
demo.mp4
- Real-time AI Chat: Engage in conversations with the AI assistant, featuring real-time Server-Sent Events (SSE) streaming for fast, responsive responses.
- Agent Artifact Rendering: Dynamic rendering of AI-generated artifacts directly within the chat interface, including markdown formatting and custom UI components.
- Persistent Chat Sessions: Chat history and sessions are persisted to a SQLite database using Drizzle ORM, allowing you to seamlessly continue past conversations.
- Modern UI: A sleek, responsive chat interface styled with Tailwind CSS, utilizing Radix UI primitives and Lucide icons.
- Full-Stack Architecture: Built on TanStack Start for seamless client-server integration, with TanStack Router handling application routing.
- Framework: TanStack Start & React 19
- Routing: TanStack Router
- AI Integration: TanStack AI (
@tanstack/ai) & OpenAI - Database: Drizzle ORM & Better SQLite3
- Styling: Tailwind CSS v4 & Radix UI
- Bun installed on your machine.
- Install dependencies:
bun install-
Set up your environment variables: Create a
.env.localfile and add any required environment variables (e.g., your OpenAI API key). -
Initialize the database:
bun run db:generate
bun run db:push- Start the development server:
bun run devThe application will be available at http://localhost:3000.
bun run dev: Start the Vite development server.bun run build: Build the application for production.bun run db:generate: Generate Drizzle schema migrations.bun run db:push: Push schema changes directly to the database.bun run db:studio: Open Drizzle Studio to explore the database.bun run lint: Lint code with Biome.bun run format: Format code with Biome.