Ndianabasi UdonkangforNdianabasi Udonkang's Tech Blogndianabasi.hashnode.net·Oct 2, 2021Create Column Definitions & Insert New Contacts | Full-Stack Google Contacts Clone with AdonisJS (Node.js) and Quasar Framework (Vue.js)In this lesson, we are going to create column definitions in our migration and model files for our Contact model. Thereafter, we will create a new route and add logic into the controller for create new contacts. We will use Postman for sending the re...Discuss·6 likes·335 readsFull-Stack Google Contacts Clone with Adonis.js/Node.js & Quasar/Vue.jsVue.js
Ndianabasi UdonkangforNdianabasi Udonkang's Tech Blogndianabasi.hashnode.net·Sep 16, 2021Designing the Contacts Table | Full-Stack Google Contacts Clone with Adonis.js/Node.js and Quasar (Vue.js)In this lesson, we will learn how to implement the Quasar Table component for displaying all our contacts. We will also implement virtual scrolling on the table for mimicking infinite scrolling for the contacts. This way, we won't have an obvious pag...Discuss·5 likes·659 readsFull-Stack Google Contacts Clone with Adonis.js/Node.js & Quasar/Vue.jsVue.js
Mohamed DhiabforSpread Knowledgespreadknowledge.hashnode.net·Oct 9, 2022Where does the Vue.js QUASAR framework’s name come from?Vue.js is a JavaScript framework for building user interfaces (UIs) and single-page applications (SPAs). Vue.js is an open-source framework designed by Evan You and released in 2014. It utilizes a model-view-viewmodel (MVVM) architectural pattern. Qu...Discuss·5 likes·51 readsJavaScript
Pratik Patelforpratik227.hashnode.net·Mar 27, 2023Quasar Minimalist DesignIn the world of web design and development, a minimalist approach has gained a lot of popularity in recent years. Minimalist design focuses on creating an aesthetic that is clean, uncluttered, and simple. This design philosophy is all about making th...DiscussQuasar Framework
Pratik Patelforpratik227.hashnode.net·Feb 3, 2023Adding Vue Inspector in Quasar Frameworkvite-plugin-vue-inspector is a package that provides the ability to jump to the local IDE when you click the element of the browser automatically. It supports Vue2 & 3 & SSR. This Article is for Vue 3 and Quasar Framework 2. Installation npm install ...Discuss·114 readsVue.js
Were Samson BrunoforSamsonroyal Blogsamsonroyal.hashnode.net·Feb 1, 2023Build an e-commerce app with the Quasar framework and deploy it on Vercel.Introduction Quasar Framework is a popular open-source framework for building high-performance, cross-platform apps with Vue.js. In this article, I'll be sharing how to build a simple e-commerce web app with the Quasar framework. Before coming across...Discuss·78 reads2Articles1Week
Mayank Patelformayank091193.hashnode.net·Jan 31, 2023Deploy web application built using Quasar framework and Python Flask framework on AWS EC2 instance, using PM2(Process Manager) & Nginx web serverWhat is Quasar Framework? Quasar framework is a Vue.js-based framework for building websites with a single codebase and you can deploy it on the web as SPA, PWA, SSR, and to Android, iOS, and Desktop apps too. What is Python flask framework? Flask fr...Discuss·1 like·166 readsQuasar Framework
Pratik Patelforpratik227.hashnode.net·Jan 27, 2023Creating Sign In page using QuasarWhat's to create a beautiful Sign In page using the quasar framework? Don't worry I got your back. <q-layout view="lHh Lpr lFf"> <q-page-container> <q-page class="flex flex-center bg-grey-2"> <q-card class="q-pa-md shadow-2 my_card"...Discuss·29 readsVue.js
Mohamed DhiabforSpread Knowledgespreadknowledge.hashnode.net·Oct 9, 2022Where does the Vue.js QUASAR framework’s name come from?Vue.js is a JavaScript framework for building user interfaces (UIs) and single-page applications (SPAs). Vue.js is an open-source framework designed by Evan You and released in 2014. It utilizes a model-view-viewmodel (MVVM) architectural pattern. Qu...Discuss·5 likes·51 readsJavaScript
TomTom DevelopersforTomTom Developerstomtomdevs.hashnode.net·May 30, 2022Adding Advanced TomTom Mapping Features to a Modern Vue + Quasar AppGeolocation-based applications help users find locations, keep track of places, and visualize these locations on a map. TomTom Maps API and SDK have made it easier for developers to build these web applications with various mapping services accessibl...Discuss·3 likes·120 readsVue.js
Michael HoffmannforMichael Hoffmannmokkapps.hashnode.net·Feb 14, 2022Building a Vue 3 Desktop App With Pinia, Electron and QuasarRecently, I planned to rewrite my “Scrum Daily Standup Picker” Electron application in Vue 3. I wrote the initial release in Angular, but I wanted to refactor the code base and rewrite it in Vue 3. Why? Because I love Vue and want to have a public sh...Discuss·200 readsVue.js
Ndianabasi UdonkangforNdianabasi Udonkang's Tech Blogndianabasi.hashnode.net·Dec 20, 2021Deleting a Contact with AdonisJS and VuejsIn this lesson, we will learn how to delete a contact from the database. We will add a delete button to the Contact View page and setup the button to dispatch an API request to the backend when clicked, which will result in the contact being deleted....Discuss·356 readsFull-Stack Google Contacts Clone with Adonis.js/Node.js & Quasar/Vue.jsAdonisJS
Ndianabasi UdonkangforNdianabasi Udonkang's Tech Blogndianabasi.hashnode.net·Nov 10, 2021Uploading Files and Creating Avatars for Contacts With AdonisJS and AxiosIn this lesson, we will learn how to upload images for the purpose of creating avatars for contacts in our Google Contacts Clone App. We will make use of the QFile component from the Quasar Framework, the Axios HTTP library, and AdonisJS' Attachment ...Discuss·1.4K readsFull-Stack Google Contacts Clone with Adonis.js/Node.js & Quasar/Vue.jsVue.js
