AI Integration in JavaScript: Parse Natural Language to JSON with Node + React

1. dotenv

   1 253 20,184 9.1 JavaScript

   Loads environment variables from .env for nodejs projects.

   

   To avoid having the API key on client side, I coded this block on a Node backend app and used dotenv to inject my key to process object.

2. SurveyJS

   surveyjs.io featured

   SurveyJS: Build JSON-Driven Surveys and Forms with Full Data Control. Add the SurveyJS UI components to your JS app (React/Angular/Vue3). Securely collect and analyze data without sending it to 3rd-party servers. Fully customizable, works with any backend, and ideal for data-heavy apps. Learn more.

   

3. Express

   2 797 68,357 8.7 JavaScript

   Fast, unopinionated, minimalist web framework for node.

   

   With that set, we can import callOpenAI on a controller. I am using express to manage the API endpoint.

4. FamilyTreeJS

   3 1 78 4.8

   Build family tree app with BALKAN FamilyTreeJS library. Family Tree also called a genealogy or a pedigree chart, is a chart representing family relationships in a conventional tree structure.

   

   On the front-end I started a blank project with create-react-app. I added FamilyTreeJS for visual representation. For getting the updated family tree from our Node API, I did a simple fetch POST requesting sending the user message on the body. You can check the detailed implementation on the github repo bellow.

5. llm-json

   4 1 1 5.0 JavaScript

   

Suggest a related project