Tag: Quasar Framework

Learn and Build a Full-stack Google Contacts Clone with Node.js/Adonis.js and Vue.js/Quasar in this detailed Web Learning Series by Ndianabasi Udonkang.

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.

In this lesson, we will design the contact details page for viewing the details/properties of each contact. We will also create the route for the page.

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

We will setup our backend by install MySQL, MySQL Workbench, Postman, creating a database, and checking the health of our backend.

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 make use a model factory and seeder in AdonisJS to generate and persist sample contacts. We also list all contacts with pagination.

In this lesson, we will setup our API Server with the AdonisJS Framework and installing, configuring, and testing some essential packages.

In this lesson, we will refactor the MainLayout.vue file and extract the menu data into a separate file. We will also implement types for the menu data.