OpenAI Function Calling API Tutorial | Realtime Data Chatbot with Vercel AI SDK in Javascript
Skills:
LLM Engineering90%
Key Takeaways
Modifies the ChatHN repository to create a real-time data chatbot using the OpenAI Function Calling API and Vercel AI SDK
Original Description
OpenAI Function Calling API tutorial using ChatHN Repo by Steven Tey, built on the Vercel AI SDK. Get Streaming and Real time Data from your API using this architecture. In this video we modify the open source GitHub repo to chat to retrieve real time weather data with natural language as an example of how to integrate your own API into a chatbot.
Github Repo https://github.com/steven-tey/chathn
OpenAI Function Docs https://platform.openai.com/docs/guides/gpt/function-calling
Vercel AI SDK Docs https://sdk.vercel.ai/docs
📡 Starmorph AI: https://Starmorph.com
My Portfolio (currently seeking new fulltime role) https://dylanboudro.com
Intro video attributions:
cryptographic typography: Tympanus Codrops
Robotic animation: Wonder Dynamics
StarGem animation: https://5k.media
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
More on: LLM Engineering
View skill →Related Reads
📰
📰
📰
📰
The Case of the Ghost Tooltip
Medium · JavaScript
How I made a scroll-scrubbed video portfolio fast (Next.js 15 + GSAP + canvas)
Dev.to · Pratham Sharma
5 Reasons HTML Is About to Change Frontend Development
Medium · Programming
5 Reasons HTML Is About to Change Frontend Development
Medium · JavaScript
🎓
Tutor Explanation
DeepCamp AI