Etiqueta: JavaScript

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 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.

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.

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

In this lesson, we will improve the user interface and user experience of our Contacts table by adding merging the checkbox and avatar columns plus more.