OpenAI Function Calling API Tutorial | Realtime Data Chatbot with Vercel AI SDK in Javascript

StarMorph AI · Beginner ·🌐 Frontend Engineering ·2y ago

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

Related AI Lessons

Had my Frontend Developer interview with Capgemini (Application Developer) today, and I wanted to…
Prepare for a frontend developer interview with Capgemini by reviewing JavaScript fundamentals and practicing common interview questions
Medium · JavaScript
10 Frontend Developer Tools to Boost Productivity in 2026
Boost frontend productivity with 10 essential tools for modern web app development
Medium · Programming
10 Frontend Developer Tools to Boost Productivity in 2026
Boost frontend productivity with top 10 developer tools in 2026
Medium · JavaScript
The US Frontend Engineer Market in 2026: A Data-Driven Reality Check (and the Bias That Stops Us Seeing It)
US frontend engineer hiring demand peaked in 2022 and remains flat-depressed in 2026, contrary to common assumptions
Dev.to AI
Up next
The masks we wear | Zora Krstić | TEDxLuxembourgCity
TEDx Talks
Watch →