Build ChatBot with Ollama & Kendo UI

Learn how to build a ChatBot with Ollama and Kendo UI

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