© 2023 Hashnode
#quasar-framework
What'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"…
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 mod…
Geolocation-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 ap…
Recently, 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. Wh…
In 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 clicke…
In 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,…
In this lesson, we will make few changes to the frontend and API server so that we can create and update contacts from the frontend of the Google Contacts Clone app. Let's create a new branch of our p…
Up till now, there is no link between the user interface of our Google Contacts Clone app and the API server. When we developed the API server, we used Postman to test the route. Now, we are ready to …
In this lesson, we will connect our user interface components to the Vuex store. The components are the ui/src/pages/Index.vue which is the homepage component used for displaying the contacts table, u…
Each frontend component of our Google Contacts Clone app currently consumes the mock contacts data independently. In this lesson, we will begin using Vuex to manage the state of our contacts centrally…