What is a chat application without messages? Just a simple contact list. In this final recipe, we will finish the whole cycle of our application, creating the possibility for the user to communicate with other users directly.
In this recipe, we will create the Chat page, the ChatInput component, and the Messages layout.
Getting ready
The prerequisites for this recipe are as follows:
- The project from the previous recipe
- Node.js 12+
The Node.js global objects that are required are as follows:
- @aws-amplify/cli
- @quasar/cli
To start our user messages pages, we will continue with the project that was created in the Creating the Contacts page of your application recipe.
How to do it...
In this recipe, we need to split it into three parts: the creation of the ChatInput component, the creation of the Messages layout, and finally, the creation of the Chat page.
Creating the ChatInput component
Here we will create the ChatInput component. This component...
