excel-operations-assistant-by-team6

AI-powered Excel Operations Assistant React library that allows users to upload Excel files and interact with AI using natural language.
Built with React, TypeScript, Axios, and customizable API endpoints.

Installation

npm install excel-operations-assistant-by-team6

Features

• AI-powered Excel Operations Assistant
• Upload Excel files (.xlsx, .xls, .csv)
• Chat-based UI
• Responsive design
• File upload support
• Full page loader
• Toast notifications
• Reusable React library
• Custom API endpoints
• TypeScript support
• Easy integration
• Scalable architecture

How To Use

Step 1 — Import CSS

import 'excel-operations-assistant-by-team6/dist/style.css';

Step 2 — Import Component

import ExcelAssistant from 'excel-operations-assistant-by-team6';

Step 3 — Use Component

import ExcelAssistant from 'excel-operations-assistant-by-team6';

import 'excel-operations-assistant-by-team6/dist/style.css';

function App() {
  return (
    <ExcelAssistant
      title="Excel AI Assistant"
      
      chatEndpoint="http://localhost:5000/chat"

      uploadEndpoint="http://localhost:5000/upload"

      clearEndpoint="http://localhost:5000/clear"
    />
  );
}

export default App;

Backend API Requirements

Your backend should support these APIs:

| Endpoint | Method | Purpose | |----------|---------|----------| | /chat | POST | Send AI chat message | | /upload | POST | Upload Excel file | | /clear | POST | Clear uploaded Excel memory |

Example Chat API Response

{
  "success": true,
  "message": "AI response generated successfully",
  "data": {
    "reply": "Total sales are 45000"
  }
}

Example Upload API Response

{
  "success": true,
  "message": "Excel uploaded successfully",
  "data": {
    "totalRows": 100,
    "columns": ["Name", "Sales"],
    "preview": []
  }
}

Props

| Prop | Type | Required | |------|------|----------| | title | string | Yes | | chatEndpoint | string | Yes | | uploadEndpoint | string | Yes | | clearEndpoint | string | Yes |

Tech Stack

• React
• TypeScript
• Axios
• React Hot Toast
• Lucide React
• CSS

Folder Structure

src/
│
├── components/
├── hooks/
├── services/
├── styles/
├── models/
├── shared/
│
├── ExcelAssistant.tsx
└── index.ts

Development

Install Dependencies

npm install

Run Development Server

npm run dev

Build Library

npm run build

Publish To npm

npm publish --access public

License

MIT License

Current Version

1.0.0

Author

Rohitash Singh

Keywords

• excel ai assistant
• excel chatbot
• ai excel operations
• react excel assistant
• ai spreadsheet assistant
• excel automation
• excel ai
• react ai chatbot
• excel upload chatbot
• groq ai
• openai chatbot
• react npm library

Support

For issues or feature requests:

Create an issue on GitHub or contact the package author.