AdnanTech

In this very first tutorial, we are going to give you a brief introduction of what we are going to create and do the installation…

In the previous chapter, we did the installation of our project and Node JS server. In this chapter, will setup Vue JS single-page application. Video…

In the previous chapter, we set up our Vue JS app. In this chapter, we are going to set the routing of our application. Routing…

In this chapter, we will do the “Hello world” of our project. By “Hello world” we mean the basic setup of the front-end of the…

In this chapter, we will add the register feature to our app. First, we will be creating an API that will receive the values from…

In this chapter, we will do the login part. First, we will create a login component same as we did for registration. So, create a…

To get authenticated user’s data, we will be sending the stored access token from local storage to the API using headers. So how can we…

In the previous chapter, we displayed a logout button on the top navbar. But it was not functional. In this chapter, we are going to…

In this chapter, we will add, view, and delete contacts. You can add any user to your contact by entering their email address. Once that…

In this chapter, we will learn how to fetch all contacts from Mongo DB using Node JS and view them in the Vue JS app.…

In the previous chapter, we displayed all the contacts of the logged-in user. The next thing we need to do is to allow users to…

In this chapter, we will be creating a real-time chat module. Creating a Chat Page First, create a link to the chat page. Open your…

We raise this concern in the previous chapter, that you need to refresh the page to see new chat messages. In this chapter, we will…

Right now, you have noticed that you are only able to view the last 30 messages. This is because, in the twelfth chapter, we are…

As we promised in the previous chapter that we will be adding more features to this app. So we are now adding search functionality. In…

Groups are used by teams to send the same message to multiple users. You can create multiple groups and add as many members as you…

Now we need to show all groups in a tabular form. First, in our web/src/vuex/store.js, we need to initialize an array for groups. Then, we…

The group is all about people. That’s what it means. In the previous tutorial, we displayed all groups in a tabular form but there was…

In the previous tutorial, when someone sends a group invite, we are adding an element in the user’s notifications array and setting its isRead to…