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

Build ChatBot with Ollama & Kendo UI

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Dany Paredes Dany Paredes
December 20, 2024
17
0

Build ChatBot with Ollama & Kendo UI

Learn how to build a ChatBot with Ollama and Kendo UI

Avatar for Dany Paredes

Dany Paredes

December 20, 2024

More Decks by Dany Paredes

See All by Dany Paredes
Build ChatBot with Kendo UI and Gemini
Avatar for Dany Paredes danywalls
0
54
Create, Extend, and Publish Your Library with Angular
Avatar for Dany Paredes danywalls
0
35
Angular Signals - HARBOUR SPACE
Avatar for Dany Paredes danywalls
0
36
Angular 17 And Signals
Avatar for Dany Paredes danywalls
0
110
What's new with Angular 17
Avatar for Dany Paredes danywalls
0
35
Reactivity in Angular with Signals
Avatar for Dany Paredes danywalls
0
110

Featured

See All Featured
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
350
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
440
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
490
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.5k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
240
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
210
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
2
580
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
4k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.6k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
200
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
750
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k

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