3. Building Angular v17 Chatbot UI (Part 2) - Adding Styles | Open AI Chatbot | Angular Tutorial

In this video, we'll be extending and styling our chatbot UI from the previous video and give a fresh responsive outlook that we can use for the integration of our #openapi chatbot. This design will be similar to #whatsapp and adopted from most of the messaging applications today. We style each UI component from the scratch and explore some of the recent updates in syntax from Angular 17.

0:00 Introduction
1:27 Styling Header
05:08 Styling User Input
13:44 Styling Message Panel
15:04 Styling App Component
18:46 Styling Messgaes
29:36 Demo
40:11 Wrap Up

#angular17 #ssr #dynamicui #typescript #developerinsights #angular #angulartraining #technology #google #javascript #javascriptengineer #frontend #frontenddeveloper #frontenddevelopment #typescriptdevelopment #frontendwebdeveloper #frontendwebdevelopment #frontenddevelopers #angular #chatbot #chatbotdevelopment #chatbotdesign #angulartraining #angular #openaichat #openapi

[ampagetech]

Thanks for sharing please add more contrast to yr screen it is hardly readable on even big screens regards

[Baacheez]

Where is part 4 which calls OpenAI Model?

[monalishapanda]

hello nd hello world coming in same line