Tag: JavaScript

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 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 explores how to perform data validation and sanitisation in AdonisJS. It includes how to call the validator before storing data to database.

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.

In this lesson, you will learn how to implement a button for handling deletion of 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.

In this lesson, we will design the contact-creation form of our Google Contacts clone app. We will also learn how to create a route for the contact form and

In this lesson, the left drawer of the Google Contacts clone app is fully- customised and made very responsive in mobile and desktop views.