npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@quickstart-ai/chatbot

v0.0.82

Published

Chatbot React

Downloads

2,303

Readme

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

License

This project is licensed under the MIT License.

Quick Links