AI Powered Web Apps Learn To Utilize OpenAPI And LangChain To Create Your First AI
summary
Builds a working AI web app that turns freeform housing requests into structured JSON, extracts price range and bedroom count with a Zod schema, and then queries the Zillow API to return results — demo returns about 40 listings. Uses JavaScript (no React), integrates OpenAI via LangChain prompt templates and chained prompts, shows how to parse model output reliably into fields, and confirms the end-to-end flow successfully returns property results.
AI-written summary · about
chapters (16)
- 0:00Introduction by host
- 1:58Speaker introduction
- 5:16Fear of AI replacing jobs
- 7:21AI adoption phases explained
- 7:41AI terms explained simply
- 12:30Where to start building AI apps
- 13:54Frontend backend AI integration
- 16:28Demo AI real estate app
- 20:01Setting up AI service
- 21:49Chaining prompts together
- 25:27Zod schema for JSON output
- 27:13Testing the AI app
- 28:40Next steps and recommendations
- 29:02Four AI app categories
- 30:27Path forward and call to action
- 31:08Closing and resources
related talks
40m4 pillars for building a modern AI application in JavaScript
26mAI Agents: How Do They Work and How to Build Them
24mAI and Web Development: Hype or Reality
59mHow to add genuinely useful AI to your webapp (not just chatbots)
25mBuild AI-powered Apps using Low-code
19mGenerative AI for Front-end Developers
49mBuilding AI Enabled Web Apps
15mAI in the Terminal: Empowering Developers with CLI-Based AI Apps