Full-Stack Google Contacts Clone with Node.js (Adonisjs Framework) and Vue.js (Quasar Framework)
This series takes a user through the entire process of creating a full-stack Google Contacts clone app. The frontend design and development and backend engineering for the app will be covered.
Creating the Contact Edit Page | Full-Stack Google Contacts Clone with Adonis.js/Node.js and Quasar (Vue.js)
In this lesson, we will design the contact edit page for editing the details/properties of each contact in our Google Contacts Clone App.
Data Validation & Sanitisation with AdonisJS | Full-Stack Google Contacts Clone with AdonisJS (Node.js) and Quasar Framework (Vue.js)
This lesson explores how to perform data validation and sanitisation in AdonisJS. It includes how to call the validator before storing data to database.
Deleting a Contact with AdonisJS and Vuejs
In this lesson, you will learn how to implement a button for handling deletion of a contact.
Designing the Contact Details Page | Full-Stack Google Contacts Clone with Adonis.js/Node.js and Quasar (Vue.js)
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.
Improve The Header | Full-Stack Google Contacts Clone with Adonis.js/Node.js and Quasar (Vue.js)
In this lesson, the user experience and responsiveness of the header for our Google Contact Clone App was improved.
Improving User Experience with the Contacts Table | Full-Stack Google Contacts Clone with Adonis.js/Node.js and Quasar (Vue.js)
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.
Introduction to Full-Stack Google Contacts Clone with Node.js (Adonisjs Framework) and Vuejs (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.
New Contact Form Design | Full-Stack Google Contacts Clone with Adonis.js/Node.js and Quasar (Vue.js)
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
Refactoring the Main Layout | Full-Stack Google Contacts Clone with Adonis.js/Node.js and Quasar (Vue.js)
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.
Setting Up Our API Server with AdonisJs Framework | Full-Stack Google Contacts Clone with AdonisJs (Node.js) and Quasar Framework (Vue.js)
In this lesson, we will setup our API Server with the AdonisJS Framework and installing, configuring, and testing some essential packages.