@quickstart-ai/chatbot
TypeScript icon, indicating that this package has built-in type declarations

0.0.77 • Public • Published

Quickstart AI Chatbot

Description

The Quickstart AI Chatbot is designed to provide answers based on the information you provide on our website. To get started, visit Quickstart AI, sign up, and enter your business information. After completing the signup process, you will receive a token required to use the chatbot.

Installation

To install the chatbot, run the following command in your project directory:

npm install @quickstart-ai/chatbot

Usage

To utilize the chatbot in your React application, import the component and include it in your JSX. Here's an example:

import React from 'react';
import { ChatBot } from '@quickstart-ai/chatbot';

function App() {
  return (
    <div>
      <ChatBot token="YOUR_TOKEN" />
    </div>
  );
}

export default App;

Token

To obtain your token:

  1. Visit Quickstart AI and sign up.
  2. Enter your business information.
  3. After completing the signup, you will receive a token to use in the chatbot.

Chatbot Output

Here is a preview of the chatbot interface

Chatbot

Themes

The chatbot comes with 4 themes. You can change the theme by passing the theme prop to the chatbot component. The available themes are:

Primary Theme

Primary Theme

Secondary Theme

Secondary Theme

Tech Theme

Tech Theme

Professional Theme

Professional Theme

Appearance Customization

Currently, the customization options for the chatbot's appearance are limited. However, we plan to enhance this functionality in the future. For now, you can use the following props to adjust the appearance:

Prop Name Type Description
toggleBtncolor string The color of the chatbot (default: #000000).
toggleBtnBgColor string The background color of the chatbot (default: #ffffff).
icon string The icon of the chatbot (default: fa fa-chatbot).
position string The position of the chatbot on the screen (default: bottom right).
animate boolean The animation of the chatbot .
theme string The theme of the chatbot (default: primary). Total 4 themes are available. primary , secondary , tech and professional
wantToShowSuggestions boolean The suggestions of the chatbot (default: true).

Contributors

Aqib Nawab
Aqib Nawab

💻
Abdul Moiz
Abdul Moiz

💻
AHSAN
AHSAN

💻
Zulkifal
Zulkifal

💻
Add your contributions

License

This project is licensed under the MIT License.

Quick Links


Package Sidebar

Install

npm i @quickstart-ai/chatbot

Weekly Downloads

58

Version

0.0.77

License

MIT

Unpacked Size

63.5 kB

Total Files

10

Last publish

Collaborators

  • iamabdulmoiz
  • zulkifal12
  • im_ahsan
  • aqib_nawab