In this chapter, we will create our chat application in the existing application and take a look at real-time message updates using the Firebase database. We will explain the chat feature in this and the next chapter.
Since we have already created components in the preceding chapter, we will design a more complex component involving multiple components, in this chapter. As per the general rule, we will create this as a module, so we will have the main component as a chat component, and this will contain a message list component, form component, and message component. We will explore more ways of data binding while implementing the chat feature. We will write more complex SCSS in this chapter. We believe that, if you follow this chapter properly, most of the Angular stuff will be clearer to you, and you'll be able to build a more complex component yourself.
In this chapter, we will cover the following topics:
- Creating a chat module
- Creating a color variable...