Skip to content

Chatbot app for creating charts with React, FastAPI, and OpenAI

Notifications You must be signed in to change notification settings

yujisatojr/chart-agent

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 

Repository files navigation

AI Chart Agent

Description

This chart agent app helps you generate a simple chart based on the topic of your choice and online data.

Screenshot

Getting Started

To get started on your local machine, follow the steps below:

Setting Up Your OpenAI API Key

  1. Open a terminal and navigate to the server directory:

    cd server
  2. Create a new file named .env to store your environment variables:

    touch .env
  3. Open the .env file in a text editor of your choice, and add the following line, replacing <your_api_key> with your actual OpenAI API key:

    # .env file
    OPENAI_API_KEY=<your_api_key>
  4. Save the .env file and update your terminal session to include the new environment variables:

    source .env

Backend (FastAPI)

  1. Navigate to the project directory:

    cd server
  2. Create a virtual environment and activate it (MacOS):

    python -m venv venv
    source venv/bin/activate
  3. Install the required dependencies using pip:

    pip install -r requirements.txt
  4. Start the FastAPI server using uvicorn:

    uvicorn app:app --host 0.0.0.0 --port 5000 --reload

Frontend (React)

  1. Navigate to the project directory:

    cd client
  2. Install the required dependencies using npm:

    npm install
  3. Run the app in development mode:

    npm start
  4. Open http://localhost:3000 to view the app in your browser.

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