https://github.com/sherbieny/chatbotto_browser
A browser based version for the chatbotto application
https://github.com/sherbieny/chatbotto_browser
browser-application copilot copilot-chat framework7 html indexeddb js json
Last synced: 21 days ago
JSON representation
A browser based version for the chatbotto application
- Host: GitHub
- URL: https://github.com/sherbieny/chatbotto_browser
- Owner: Sherbieny
- Created: 2024-01-24T01:51:35.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-06T04:49:24.000Z (over 2 years ago)
- Last Synced: 2025-01-26T07:43:29.737Z (over 1 year ago)
- Topics: browser-application, copilot, copilot-chat, framework7, html, indexeddb, js, json
- Language: JavaScript
- Homepage: https://sherbieny.github.io/chatbotto_browser/
- Size: 7.24 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# チャットボットアプリ (ブラウザ)
[]
これは、[Chatbotto](https://github.com/Sherbieny/chatbotto)アプリケーションのブラウザベースのバージョンです。
## デモ
[ライブデモ](https://sherbieny.github.io/chatbotto_browser/)
## 使用されたライブラリ
- [Framework7](https://framework7.io/): モバイルファーストデザインを作成するために使用されます。
- [RakutenMA](https://github.com/rakuten-nlp/rakutenma): 日本語の言語分析に使用されます。
## データストレージ
このアプリケーションでは、元のアプリケーションの MongoDB の代わりに、[IndexedDB](https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API)を使用して、ブラウザー上の必要なデータを保存します。
## セットアップ
アプリケーションをセットアップするには、プロジェクトのルートディレクトリで Web サーバーを起動します。これは、`sample_data` からのファイルの初期ロードを fetch API を使用して許可するために必要です。
### 例:
#### PHP サーバー
```bash
php -S localhost:8000
```
#### Python サーバー
```bash
python -m http.server 8000
```
## 使い方
- チャットボットと対話するには、ホームページに移動します。アプリケーションの設定を構成するには、管理ページに移動します。
- 初回使用:
- 初回使用時、`indexedDB` は空です。サンプルデータファイルが自動的にロードされて保存されます。
- これらのデータファイルは、管理ページから変更できます。
- 管理ページに移動し、`QA` ボタンをクリックして QA ファイルをアップロードします。ファイルは JSON/CSV 形式である必要があり、`sample_data` ディレクトリの `qa_data` ファイルと同じ構造に従う必要があります。
- `BCCWJ` ボタンをクリックして BCCWJ ファイルをアップロードします。ファイルは JSON/CSV 形式である必要があり、`sample_data` ディレクトリの `weights` ファイルと同じ構造に従う必要があります。
- 必要なファイルをアップロードした後、関連するデータがデータテーブルにロードされます。そして、提案リストが新しい QA データで埋められます。
## ツールとテクノロジー
- [VS Code](https://code.visualstudio.com/)
- [Github Copilot](https://copilot.github.com/)
- [Github Copilot Chat](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot-chat)
- [IndexedDB](https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API)
## 貢献
貢献は歓迎します。プルリクエストを送信するか、問題を作成して、行いたい変更を議論してください。
# Chatbotto Browser App
[]
This is a browser-based version of the [Chatbotto](https://github.com/Sherbieny/chatbotto) application.
## Demo
[Live Demo](https://sherbieny.github.io/chatbotto_browser/)
## Libraries Used
- [Framework7](https://framework7.io/): Used for creating a mobile-first design.
- [RakutenMA](https://github.com/rakuten-nlp/rakutenma): Used for Japanese language analysis.
## Data Storage
Instead of MongoDB in the original application, this application uses [IndexedDB](https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API) to save the necessary data on the browser.
## Setup
To set up the application, simply start a web server in the root directory of the project. This is needed to allow the initial loading of the files from `sample_data` using fetch API.
### Examples:
#### PHP Server
```bash
php -S localhost:8000
```
#### Python Server
```bash
python -m http.server 8000
```
## Usage
- Navigate to the home page to interact with the chatbot. Go to the admin page to configure application settings.
- First time usage:
- On initial usage, the `indexedDB` is empty, the sample data files will be loaded and saved automatically.
- These data files can be changed from admin page.
- Navigate to the admin page and click the `QA` button to upload the QA file. The file should be in JSON/CSV format and should follow the same structure as the `qa_data` file in the `sample_data` directory.
- Click the `BCCWJ` button to upload the BCCWJ file. The file should be in JSON/CSV format and should follow the same structure as the `weights` file in the `sample_data` directory.
- After uploading the necessary files, the relevant data will be loaded into the data table. and the suggestions list shall be populated with the new QA data.
## Tools and Technologies
- [VS Code](https://code.visualstudio.com/)
- [Github Copilot](https://copilot.github.com/)
- [Github Copilot Chat](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot-chat)
- [IndexedDB](https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API)
## Contributing
Contributions are welcome. Please submit a pull request or create an issue to discuss the changes you want to make.