Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Build ChatBot with Ollama & Kendo UI
Search
Dany Paredes
December 20, 2024
0
1
Build ChatBot with Ollama & Kendo UI
Learn how to build a ChatBot with Ollama and Kendo UI
Dany Paredes
December 20, 2024
Tweet
Share
More Decks by Dany Paredes
See All by Dany Paredes
Build ChatBot with Kendo UI and Gemini
danywalls
0
3
Create, Extend, and Publish Your Library with Angular
danywalls
0
5
Angular Signals - HARBOUR SPACE
danywalls
0
25
Angular 17 And Signals
danywalls
0
83
What's new with Angular 17
danywalls
0
23
Reactivity in Angular with Signals
danywalls
0
71
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
66
4.5k
The World Runs on Bad Software
bkeepers
PRO
66
11k
Faster Mobile Websites
deanohume
305
30k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
66k
Building Applications with DynamoDB
mza
91
6.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Unsuck your backbone
ammeep
669
57k
The Invisible Side of Design
smashingmag
298
50k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.6k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Fireside Chat
paigeccino
34
3.1k
Transcript
Dany Paredes @danywalls www.danywalls.com Build ChatBot with Ollama & Kendo
UI
Agenda 1. Setup 2. Using Ollama 3. Building The Service
4. Using Ollama API 5. Connecting Everything!!
Dany Paredes Senior Software Engineer @celonis www.danywalls.com linkedin.com/in/danywalls Angular GDE
x 4 Progress Champion 2024 Writer Google Dev Library and Kendo UI
Scenario We want to build a bot without pay for
tokens for MVP and get the message like ChatGPT (Stream).
None
Ollama
Editor Preview Both ollama run gemma
Angular & Kendo UI
The Power of Kendo UI
Conversational UI The Conversational UI package delivers the Kendo UI
for Angular AIPrompt and Chat components which allow the user to participate in chat sessions with other users and chatbots and to interact with AI via prompts.
Editor Preview Both ng add @progress/kendo-angular-conversational-ui
Editor Preview Both npm i ollama
Chat Entities
Editor Preview Both ng generate services/ollama
How its works?
Ollama Service generate(text: string) getGemmaResponse(userMessage: string) messages = signal<Message[]> ollama
messages
getGemmaResponse
getGemmaResponse
generate
Kendo UI and OllamaService
Chat and OllamaService
Using Ollama Service
Demo Time
Recap
Questions
https://www.linkedin.com/in/danywalls/ https://x.com/danywalls www.danywalls.com