An open API service indexing awesome lists of open source software.

https://github.com/versionHQ/_legacy-demo-client-app

A React demo app for VersionHQ multi-agent RAG system.
https://github.com/versionHQ/_legacy-demo-client-app

nodejs npm react reactjs

Last synced: 10 months ago
JSON representation

A React demo app for VersionHQ multi-agent RAG system.

Awesome Lists containing this project

README

          

# Overview

[![npm version](https://badge.fury.io/js/npm.svg)](https://badge.fury.io/js/npm)

A React test web app for the mulit-agent RAG system.

**Visit:**

- Marketing: [Landing page](https://home.versi0n.io)
- Client app: [Production](https://versi0n.io/)
- Backend: [Orchestration framework / multi-agent RAG](https://github.com/versionHQ/multi-agent-system)

## UI


UI
   
messaging workflow


## Key Features

A mulit-agent system that tailors messaging workflow, predicts its performance, and deploys it on third-party tools.

1. Select a type of outbound.

2. Select a LLM for the agent.

3. Submit a landing URL of the product you want to launch the outbound campaign.

4. The agents analyze the URL. Check the analysis and approve/refine them.

5. We call the API, let the agents create outbound campaigns.

6. Approve and deploy them or comment to refine.

## Technologies Used

- A simple React app

## Project Structure

```
.
public/ # Orchestration frameworks on Pydantic
│ └── ...

src/ # React app
│ ├── components/
│ ├── App.js
│ ├── index.js
│ └── main.scss

└── package.json # Dependencies
```

## Setup

1. Install the `npm` package manager:
```
brew install npm
```

2. Install dependencies:
```
npm i
```

* When the upstream dependency conflict happens, try:
```
npm i --legacy-peer-deps
```

3. Set up environment variables:
Create a `.env` file in the project root and add necessary k, v pairs:
```
REACT_APP_YOUR_KEY_NAME=your-key-value
```

## Usage

1. Start the React app:
```
npm start
```
The app will be available at `http://localhost:3000`.

2. Add new features.

3. Frontend (production) is available at `https://versi0n.io`. Currently we are on beta.

## Testing

1. Fork the repository
2. Create your feature branch (`git checkout -b feature/your-amazing-feature`)
3. Pull the latest version of source code from the main branch (`git pull origin main`) *Address conflicts if any.
4. Commit your changes (`git add .` / `git commit -m 'Add your-amazing-feature'`)
5. Push to the branch (`git push origin feature/your-amazing-feature`)
6. Open a pull request

7. Flag with `#! REFINEME` for any improvements and `#! FIXME` for any errors.

### Package Management with npm

- Add a package: `npm i --save` or `npm i --save-dev`
- Remove a package: `npm uninstall `

* To reinstall all the dependencies,
```
rm -rf package-lock.json node_modules
npm i
```

## Trouble Shooting

Common issues and solutions:
- API key errors: Ensure all API keys in the `.env` file are correct and up to date. Then restart the React app to apply the updated value.
- Database connection issues: Check if the Chroma DB is properly initialized and accessible.
- Issues related to dependencies: Add `--legacy-peer-deps` to address the dependency conflict. Or, after removing node_modules and package-lock.json, run `npm upgrade`.

## Overall Project Structure

| | Marketing page | Client app (beta) | Test app | Orchestration/agent system | Analyics |
| :---: | :---: | :---: | :---: | :---: | :---: |
| Github | [repo_1](https://github.com/krik8235/pj_m_dev_home) | [repo_a](https://github.com/krik8235/pj_m_dev) | [repo_b](https://github.com/versionHQ/test-client-app) | [repo_c](https://github.com/versionHQ/multi-agent-system) | [repo_d](https://github.com/versionHQ/clutering-analysis) |
| Website | [home](https://home.versi0n.io) | [client app](https://versi0n.io) | (localhost) | - | - |