README.md

Meld: a sample React application for brainstorming with EVIs

Description

This example project showcases the use of Hume AI's Empathic Voice Interface (EVI) to boost brainstorming sessions through a React-based application.

Utilizing a unique system prompt, EVI can adopt three distinct personas, providing diverse insights tailored to your topics. With our System Prompt we define three distinct personas EVI will take to provide insights our topic.

This project leverages Hume's React SDK, a straightforward React interface, designed to seamlessly integrate EVI capabilities into your React applications.

Table of Contents

• EVI brainstorming team example
  • Description
  • Table of Contents
  • Setup
  • Usage
  • License

Setup

Configuring Environment Variables

Start by setting up your environment variables. Create a .env file and add your API Key and your Secret Key:

echo "VITE_HUME_API_KEY= <YOUR HUME API KEY>" >> .env
echo "VITE_HUME_SECRET_KEY = <YOUR HUME SECRET KEY>" >> .env

Installing Dependencies

Install all required dependencies by running:

pnpm install

Usage

Configuring EVI

First, create an EVI configuration with the provided system prompt. Once the configuration has been created, set your config_id in src/App.tsx.

Learn how to create your config and get your config_id here.

Running the Application

Start the application locally with:

pnpm dev

Visit http://localhost:5173/ in your browser to interact with the project.

License

This project is licensed under the MIT License.