# Chat Bot AI

A simple chat bot AI for React Projects in JavaScript with links to smart conversational APIs such as [OpenAI](https://openai.com/) (all purpose question answering).

## Available Scripts

In the project directory, you can follow few steps:

### `1.` Run `npm install chat-bot-ai`

Install Chat-bot-ai Dependency in your project.

### `2.` Add `tailwind.config.js` In your main directory

Add the code bellow :

```
module.exports = {
  purge: {
    enable: process.env.NODE_ENV !== "development",
    content: [
      "./src/**/*.html",
      "./src/**/*.vue",
      "./node_modules/chat-bot-ai/**/*.{vue,js,ts,jsx,tsx}",
    ],
  },
};
```

### `3.` Add styles to your main index.js file.

**`import "chat-bot-ai/dist/index.css";`**

### `4.` Genrate `API Key from ` [https://platform.openai.com/account/api-keys](https://platform.openai.com/account/api-keys)

Add the api key in `.env` file Name it

**`REACT_APP_API_URL:Your API KEY`**

### `5.` `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\
You may also see any lint errors in the console.