Search for a command to run...
Articles tagged with #vuejs
In this lesson, we will learn how to delete a contact from the database. We will add a delete button to the Contact View page and setup the button to dispatch an API request to the backend when clicked, which will result in the contact being deleted....
In this lesson, we will learn how to upload images for the purpose of creating avatars for contacts in our Google Contacts Clone App. We will make use of the QFile component from the Quasar Framework, the Axios HTTP library, and AdonisJS' Attachment ...
In this lesson, we will make few changes to the frontend and API server so that we can create and update contacts from the frontend of the Google Contacts Clone app. Let's create a new branch of our project: # Make sure you are within your project gi...
Up till now, there is no link between the user interface of our Google Contacts Clone app and the API server. When we developed the API server, we used Postman to test the route. Now, we are ready to connect both worlds. In this lesson, we will intro...
In this lesson, we will connect our user interface components to the Vuex store. The components are the ui/src/pages/Index.vue which is the homepage component used for displaying the contacts table, ui/src/pages/contacts/CreateContact.vue used for cr...
Each frontend component of our Google Contacts Clone app currently consumes the mock contacts data independently. In this lesson, we will begin using Vuex to manage the state of our contacts centrally so that all components can read from the same sto...
