AgenticAIChat

AI chatbot for business data. Ask questions in normal English or Hindi.

What it does

• Quick 5-minute setup
• Ask questions in English or Hindi
• Works with PostgreSQL, MySQL, SQLite, Turso, MongoDB
• Ready for React, Angular, Vue, Next.js
• Same design in all frameworks
• Auto-creates config files

What you need

• Node.js 18+ and npm 9+
• React 18+ for React/Next.js apps
• Angular 12+ for Angular apps
• Vue 3+ for Vue apps

Install and Setup

Step 1: Install

npm install agenticaichat

Step 2: Setup

Run this command:

npx agenticai-setup

The setup will ask:

• Your database details (type, host, user, password)
• Your AI API key (OpenAI, Google, etc.)
• Which framework you use (React, Angular, Vue, Next.js)

It will create files and tell you what to do next.

How to Use in Different Frameworks

Next.js (Easiest)

Setup creates:

• API file: app/api/chatbot/route.ts
• Chat page: app/chat/page.tsx

Use in your code:

import { ChatbotWidget } from 'agenticaichat';

export default function MyPage() {
  return <ChatbotWidget />;
}

React (Vite, CRA, etc.)

Setup gives you the widget. Use it:

import { ChatbotWidget } from 'agenticaichat';

function MyApp() {
  return <ChatbotWidget />;
}

Angular

Setup creates:

• Service file: src/app/services/chatbot.service.ts
• Component file: src/app/components/chatbot.component.ts

Add to your HTML:

<app-chatbot></app-chatbot>

Vue

Setup creates:

• Composable file: src/composables/useChatbot.js
• Component file: src/components/Chatbot.vue

Use in your template:

<Chatbot />

Same Design Everywhere

All frameworks use the same chat design:

• Chat bubble
• Message list
• Input box
• Send button
• Same colors and style

Files Created

• .env.chatbot - Your secret keys
• chatbot-config.json - Settings
• .gitignore - Keeps secrets safe

Need Help?

• Check the setup output for next steps
• All frameworks work the same way
• Design looks identical everywhere

How It Works

Your App (React/Angular/Vue/Next.js)
                |
                V
     Framework Adapter (auto-loaded)
                |
                V
        ChatbotWidget (same design)
                |
                V
      Your Backend API (/api/chatbot/query)
                |
                V
     ChatbotEngine → Database → AI

Each framework gets its own adapter that loads the same ChatbotWidget.

Problems?

• Run npx agenticai-setup again
• Check that your framework is supported
• Make sure Node.js 18+ is installed

License

MIT License