Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Build ChatBot with Ollama & Kendo UI

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

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
68

Featured

See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
2
170
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.3k
Code Reviewing Like a Champion
maltzj
520
39k
Building Applications with DynamoDB
mza
91
6.1k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.2k
Designing for Performance
lara
604
68k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Adopting Sorbet at Scale
ufuk
73
9.1k
Being A Developer After 40
akosma
87
590k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
VelocityConf: Rendering Performance Case Studies
addyosmani
326
24k

Transcript

  1. Dany Paredes @danywalls www.danywalls.com Build ChatBot with Ollama & Kendo

    UI

  2. Agenda 1. Setup 2. Using Ollama 3. Building The Service

    4. Using Ollama API 5. Connecting Everything!!

  3. 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

  4. Scenario We want to build a bot without pay for

    tokens for MVP and get the message like ChatGPT (Stream).
  5. None

  6. Ollama

  7. Editor Preview Both ollama run gemma

  8. Angular & Kendo UI

  9. The Power of Kendo UI

  10. 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.

  11. Editor Preview Both ng add @progress/kendo-angular-conversational-ui

  12. Editor Preview Both npm i ollama

  13. Chat Entities

  14. Editor Preview Both ng generate services/ollama

  15. How its works?

  16. Ollama Service generate(text: string) getGemmaResponse(userMessage: string) messages = signal<Message[]> ollama

    messages

  17. getGemmaResponse

  18. getGemmaResponse

  19. generate

  20. Kendo UI and OllamaService

  21. Chat and OllamaService

  22. Using Ollama Service

  23. Demo Time

  24. Recap

  25. Questions

  26. https://www.linkedin.com/in/danywalls/ https://x.com/danywalls www.danywalls.com