AI Chatbot Platform

Overview

This project is a comprehensive AI-powered Chatbot Website Platform designed for businesses, agencies, and organizations to manage chatbots, automate content generation, and handle social media activities—all from a single, user-friendly dashboard. The platform supports multi-tenant environments, robust admin management, and seamless integration with various social media channels.

---

Key Features

• Admin Management Dashboard:

  • Secure, role-based access for admins, managers, and users.
  • Manage users, tenants (clients/departments), chatbots, and platform settings.

• AI Chatbot Management:

  • Create, configure, and fine-tune AI chatbots for different channels (web, WhatsApp, social media, etc.).
  • Deploy and monitor chatbots across multiple platforms.

• Automatic AI Content Generation:

  • Use AI to generate engaging content (text, images, videos) tailored for various social media platforms.
  • Schedule and automate posts to maximize reach and engagement.

• AI Social Media Handler:

  • Connect and manage multiple social media accounts (Instagram, LinkedIn, etc.).
  • Automate posting, monitor engagement, and analyze performance.

• Multi-Tenant Support:

  • Manage multiple clients or departments, each with isolated data and configurations.

• Integrations & Webhooks:

  • Connect with third-party services (CRM, analytics, messaging platforms).
  • Set up webhooks to automate workflows and receive real-time updates.

• API Key Management:

  • Securely generate and manage API keys for integrations.

• Centralized Database Management:

  • Unified dashboard for managing chatbot data, user data, and analytics.

---

Use Cases

• Marketing Agencies: Manage chatbots and automate content for multiple clients from a single dashboard.
• Businesses: Automate customer support and social media marketing using AI-driven chatbots and content generation.
• IT/Admin Teams: Configure user roles, integrations, and monitor platform activity securely.
• Content Creators: Generate, schedule, and post AI-powered content to various social media channels automatically.

---

Technology Stack

Frontend

• React
• TypeScript
• Vite
• Tailwind CSS
• shadcn-ui
• Redux Toolkit
• TanStack React Query
• Radix UI

Backend

• Node.js
• Express
• MongoDB
• Mongoose
• CORS, Compression, Cookie Parser

---

Project Structure

.
├── Client/      # Frontend (React, Vite, TypeScript)
│   ├── src/
│   ├── public/
│   ├── package.json
│   └── ...
├── Server/      # Backend (Node.js, Express, MongoDB)
│   ├── Controller/
│   ├── Models/
│   ├── Routes/
│   ├── utils/
│   ├── app.js
│   ├── index.js
│   ├── package.json
│   └── ...
└── ...

---

Getting Started

Prerequisites

• Node.js (v16+ recommended)
• npm or yarn
• MongoDB (local or cloud)

Setup Instructions

1. Clone the repository

   git clone <YOUR_GIT_URL>
   cd <YOUR_PROJECT_NAME>
   

2. Install dependencies

   # Backend
   cd Server
   npm install
   
   # Frontend
   cd ../Client
   npm install
   

3. Configure Environment Variables

   • Create a .env file in the Server directory with your MongoDB connection string and any other required variables.

4. Run the Backend

   cd Server
   npm start
   

5. Run the Frontend

   cd Client
   npm run dev
   

   • The frontend will be available at http://localhost:8080 (or the port specified in vite.config.ts).
   • The backend will be available at http://localhost:3000 (or the port specified in your environment).

---

Deployment

• Frontend: Deploy using Vercel, Netlify, or any static hosting provider.
• Backend: Deploy to Render, Heroku, or your own server.
• Lovable Platform: For Lovable-specific deployment, visit your Lovable Project Dashboard and use the Share → Publish feature.

---

Custom Domain

To connect a custom domain, navigate to Project > Settings > Domains in Lovable and follow the instructions.

---

License

This project is licensed under the ISC License.

---

Contributing

Feel free to open issues or submit pull requests!"# mcp"