TAG: Vuejs

In this lesson, we complete our discussion on how to design the contacts table with the QTable component from the Quasar framework.

Learn how to fetch and delete a contact from the database with AdonisJS for the Google Contacts Clone App. We use Postman to test the endpoints.

This lesson dives deep into how the UI of the Google Contacts clone app will be structured including details of how Vue Router works.

In this lesson, we will learn how software backends work by discussing server applications, ports, reverse proxy servers, request lifecyles, etc.

In this lesson, we connect our UI components to the Vuex Store. The contacts data, contact edit form, and contact details page now points at the Vuex store.

In this lesson, we connected the frontend to the API server so that contacts are now fetched from the backend. We also configured CORS for extra security.

We will create column definitions in our migration and model files for our Contact model. Then new route and controller logic to create our new contacts.

In this lesson, we created a middleware for DRYing request lifecycle, improved the validation to support contact update, and updating a contact.

In this lesson, we create and register the contacts module for the Vuex store of our app and define all states, getters, actions, and mutations.

In this lesson, we improved the frontend component and store files to allow the creation and edit of contacts from the frontend.