https://github.com/formswizard/ai-wizard-demo

A demo on how to utilize the power of AI with json schema
https://github.com/formswizard/ai-wizard-demo

ai forms jsonforms jsonschema react

Last synced: 3 months ago
JSON representation

A demo on how to utilize the power of AI with json schema

• Host: GitHub
• URL: https://github.com/formswizard/ai-wizard-demo
• Owner: FormsWizard
• Created: 2024-08-20T07:00:47.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-28T11:15:22.000Z (4 months ago)
• Last Synced: 2024-10-09T11:21:46.930Z (3 months ago)
• Topics: ai, forms, jsonforms, jsonschema, react
• Language: TypeScript
• Homepage: https://formswizard.github.io/AI-Wizard-Demo/
• Size: 366 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# AI Form Generator Showcase

This repository showcases an AI-powered form generator that leverages the [GPT-4o-mini](https://openai.com/index/gpt-4o-mini-advancing-cost-efficient-intelligence/) model from OpenAI to dynamically generate form fields based on user-provided input. The application is capable of filling out the forms by analyzing content from user-supplied files.

The form generator is designed for various applications including surveys, questionnaires, and feedback forms among others.

https://github.com/user-attachments/assets/9a59d392-cff4-4155-8af0-7e6f387600a4

## User Manual

Upon launching the demo, users are prompted to enter a valid OpenAI API key, necessary for utilizing the GPT-4 model. API keys can be obtained directly from the OpenAI website. Due to the serverless nature of the environment, the key must be provided each time the demo is run.

To initiate form generation, select "KI gestütztes Formular generieren" to input text that will serve as the basis for the form fields. Alternatively, the microphone icon allows for speech-to-text input.

Once the "Submit" button is clicked, the form is generated and can be reviewed along with the JSON Schema produced by the AI based on the provided prompt. A token limit of 3000 has been set; however, adjustments to this limit can be made in the code to accommodate larger data schemas. Each form can be saved for later use by selecting "apply," facilitating the creation of nested forms and complex data structures.

## Data Storage

As this is a live serverless demo, data is stored locally within the browser's storage. Closing the browser or clearing the cache will result in data loss. For permanent storage, users can download the Data and Schemata and save it on their device. Data can be restored at any time from the initial greeting screen.

## Utilizing the Generated Form

By selecting "Formular ersetzen" in the left sidebar, users can replace the current form with a new one or integrate additional forms through drag-and-drop, allowing for the creation of complex data structures.

## Example

### Festival organization

Prompt used for the example:

```

All important form fields for the organization of a festival, including helpe

rs, stuff, equipment, stages, location plan and so on... be very precise on the granularity of a stage and bar organization. 

```