https://github.com/0x11c11e/dashbot

https://github.com/0x11c11e/dashbot

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/0x11c11e/dashbot
• Owner: 0x11c11e
• Created: 2023-08-28T00:43:41.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-28T00:47:06.000Z (over 1 year ago)
• Last Synced: 2024-04-28T04:45:34.475Z (8 months ago)
• Language: Python
• Size: 30.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# GPT Chatbot with Plotly Dash

![Chatbot Demo](https://github.com/0x11c11e/DashBot/blob/main/assets/ai.png). 

This project provides a step-by-step tutorial to create a well-structured AI Chatbot using Plotly Dash.

## 📜 Table of Contents

- [Introduction](#-introduction)

- [Technical Requirements](#-technical-requirements)

- [Project Structure](#-project-structure)

- [Implementation](#-implementation)

- [Getting Started](#-getting-started)

- [Conclusion](#-conclusion)

- [References](#-references)

## 🚀 Introduction

ChatGPT has revolutionized the potential of AI chatbots. This tutorial focuses on creating a custom web-based interface for such chatbots using Plotly Dash.

## ✅ Technical Requirements

### Prerequisites

- Installed Python

- Installed conda and pip

- Access to a bash (macOS, Linux or Windows)

- Code editor of your choice (e.g., VSCode)

### Setup

Instructions for setting up the virtual environment and installing necessary dependencies can be found [here](link-to-full-article).

## 🖥️ Project Structure

Detailed project structure is provided, which segregates assets, components, pages, and the main application files. You can view the detailed structure in the [original article](link-to-full-article).

## 💬 Implementation

The implementation uses the assets for styling, components for reusable UI elements, and pages for the application's views and controllers. Detailed implementation can be found in the [original article](link-to-full-article).

## 🎬 Getting Started

To get started:

1. Navigate to the chatbot folder.

2. Run `python index.py`.

3. Open a browser and go to `http://127.0.0.1:8050/`.

## 🎬 Conclusion

This tutorial showcases the power of Plotly Dash and LangChain in creating a seamless chatbot experience. It serves as a foundational platform for anyone interested in building their own AI chatbot. 

## 🔍 References

- [Plotly Dash Documentation](https://dash.plotly.com/)

- [LangChain Documentation](https://langchain-documentation-link)

---