Medium blog post explaining project: LLMs + Mortgage Rates: An intuitive financial chatbot built with ClosingWTF, assistant-ui, and NextJS
This open source mortgage rate copilot is a collaboration between ClosingWTF and assistant-ui. It's an example of using assistant-ui's powerful chat component and tools to retrieve live realtime mortgage data from ClosingWTF's api. This shows how a financial institution, real estate firm, mortgage company, etc can build their own powerful chatbot which incorporates forms, custom tools, and realtime data sources. |
Web Framework: NextJS
Typescript/React library for AI Chat: assistant-ui
Mortgage Rates API: ClosingWTF
LLM API Middleware: vercel ai-sdk
Chat Thread Storage: assistant-ui cloud
LLM Provider — Anthropic
First, add your Anthropic API key to .env.local
file:
ANTHROPIC_API_KEY=sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Optionally, add your assistant-ui cloud frontend key to auto save and persist threads.
NEXT_PUBLIC_ASSISTANT_BASE_URL=XXXX
Then, install dependencies
bun install
or
npm install
or
pnpm install
Then, run the development server:
bun dev
or
npm dev
or
pnpm dev
Open http://localhost:3000 with your browser to see the result.