Tag: Nodejs

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

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.