Agents Tutorial: Build Your First AI Agent from Scratch (JavaScript, OpenAI & LangChain)

Опубликовано: 28 Апрель 2026
на канале: Shruti Kapoor
3,635
83

Learn basics of AI Agent-    • Video  

Github Repo: https://github.com/shrutikapoor08/bui...

In this tutorial, I share in detail the process of building an AI agent specifically for real estate. The video covers the definition and functionality of AI agents, the architecture of the application, and the integration of various APIs, including Zillow and OpenAI.

Thank You to Convex for sponsoring this video. Check out Convex here- https://convex.link/shrutiai

Tech Stack -
Frontend - React 19, Vite, Tailwind CSS, TanStack Router, TanStack Query, Zustand (for state management)
Backend - Express, Node.js, Convex (for vector database), LangChain, LangGraph, OpenAI
APIs - OpenAI API (for embeddings and natural language processing), Zillow API (via RapidAPI)

Connect with me -
1. Discord - https://bit.ly/shruti-discord
2. Topmate - https://topmate.io/shrutikapoor08

Resources -
1. React Course for beginners https://www.oreilly.com/library/view/...
2. Free React Interview Guide - https://bit.ly/free-react-book
3. Mentorship on Topmate - https://topmate.io/shrutikapoor08

Lights I use in my studio -
1. Govee AI Sync Box - https://amzn.to/4kTPOGY
2. Govee Floor Lamp - https://amzn.to/3DLVpOQ
3. Sunset Lamp - https://amzn.to/4h7Gv2Z
4. Philips Hue - https://amzn.to/4kWpFas

Socials:
X / Twitter:   / shrutikapoor08  
Discord: https://bit.ly/shruti-discord
Web: https://shrutikapoor.dev/
Newsletter: https://bit.ly/shruti-newsletter
Support me on GitHub: https://github.com/sponsors/shrutikap...
---

Chapters
00:00 Introduction to AI Agents and Real Estate
02:53 Understanding AI Agents: Functionality and Tools
06:05 Building the Real Estate AI Agent: Architecture Overview
09:02 Creating the API: Integrating Zillow and OpenAI
12:12 Implementing Infinite Query for Efficient Data Fetching
14:48 User Interaction: Liking and Disliking Properties
18:07 Generating and Storing Embeddings for Properties
20:47 Creating a Real Estate Agent with LangGraph
24:05 Testing the Agent: User Queries and Responses
27:13 Improving User Experience: Chatbot Integration
30:07 Finalizing the Real Estate Agent: Features and Functionality
32:52 Conclusion and Future Enhancements


Keywords
AI agents, autonomous systems, LLM, agentic workflow, technology, machine learning, programming, software development, automation, artificial intelligence, real estate, OpenAI, LandGraph, Zillow API, software engineering, property search, embeddings, chatbot, user experience



#aiagents #ai #webdevelopment #openai #shrutikapoor

Sub: 3657