top of page
Writer's pictureAmar Harolikar

[4/5] Build AI Voice Action Agent App in React.js in Natural Language





Andrej Karpathy on X "...most of my "programming" is now writing English...I basically can't imagine going back to "unassisted" coding at this point..."


In this Part 4 of my series on Building AI / LLM Voice App, I show you how to use AI Assisted Coding Tools like Claude Dev and Cursor AI to develop LLM Apps with natural language commands. And deploy to open internet.


𝐀𝐩𝐩

- Frontend: Custom React.js and rapid deploy Flowise UI

- LLM ReAct Agents : Flowise (Flowiseai.com)

- Workflow: Make.com

- Automation Scripts: Google Script

- AWS MySQL DB Connection: Flowise ReAct Agent & Custom built FastAPI Server


Check out my hands-on implementation guide on YouTube :

𝐇𝐨𝐰 𝐭𝐨 𝐁𝐮𝐢𝐥𝐝 𝐕𝐨𝐢𝐜𝐞-𝐁𝐚𝐬𝐞𝐝 𝐋𝐋𝐌 𝐀𝐜𝐭𝐢𝐨𝐧 𝐀𝐠𝐞𝐧𝐭𝐬

Automate tasks, processes, and query databases


Part 1: Demo, Architecture, and Tracing Agent Process Flow Step-by-Step

Part 2: Update Excel, Google Sheets, and Databases with LLM Voice Agents

Part 3: Automate tasks with LLM Voice Agents and Google Script.

Part 4: Develop LLM App in natural language

Part 5: ReAct Agents, ANALYZER App and Deploy


𝐆𝐞𝐭 𝐒𝐨𝐮𝐫𝐜𝐞 𝐜𝐨𝐝𝐞, JSON Schemas and blueprint on GitHub:


This code, deployed as-is, gives a fully functional voice bot (with limited app features).


𝐓𝐫𝐲 𝐃𝐞𝐦𝐨 𝐀𝐩𝐩 (with restricted features)

Use the demo OpenAI API key shared at: tigzig.com/ap (password: genai123).


𝐑𝐞𝐬𝐨𝐮𝐫𝐜𝐞𝐬

I’ve shared links to resources on Claude Dev, Cursor AI, and Aider AI in my YouTube post. Below is a link to a YouTube video from @CodingtheFuture-jg1he. It provides a balanced and pragmatic view on various aspects of AI-assisted coding, packed with practical and useful information. A must read.


𝐒𝐨𝐟𝐭𝐰𝐚𝐫𝐞 𝐄𝐧𝐠𝐢𝐧𝐞𝐞𝐫𝐬 𝐚𝐧𝐝 𝐈𝐓 𝐋𝐞𝐚𝐝𝐞𝐫𝐬 𝐚𝐫𝐞 𝐃𝐞𝐚𝐝 𝐖𝐫𝐨𝐧𝐠 𝐚𝐛𝐨𝐮𝐭 𝐀𝐈

Excellent video on leveraging on AI Assisted Coders.

0 views
bottom of page