Vue 3 & Quasar Tutorial - Create a Money App in 2 Hours!

Published: 21 June 2024
on channel: Make Apps with Danny
9,818
295

Use Quasar V2, Vue 3 and the Composition API to create a money management app called Moneyballs.
👉 Full course: https://makeappsacademy.com
👉 Download my Quasar app: https://www.fudget.com

In this app, we can add add income & expense entries by entering a name and an amount. Income entries are in green & expense entries are in red, both beautifully formatted as currency.

We can also see a real-time balance of all of our entries down at the bottom in the balance widget, again, colorized & formatted as currency.

We can also swipe to delete an entry. And then we see a dialog, which reminds us of the details of this entry. And if we click on the Delete button, the entry is deleted. And we also see a notification at the top.

In this tutorial, you'll use:
● quasar plugins
● tons of quasar components
● quasar grid system
● custom composables .. and much more

This video is taken from my course "Quasar V2: Cross-Platform Apps (with Vue 3 & Pinia)" which you can grab from https://makeappsacademy.com

This course is made up of 20 modules. And in this video I'll be sharing the first 6 modules. Thanks for watching. and I hope. you enjoy this preview.

👉 Full course: https://makeappsacademy.com
👉 Download my Quasar app: https://www.fudget.com

👇 Chapters 👇

00:00 Module 1: Introduction
08:19 Module 2: Getting Started
15:53 Module 3: Layout, Pages & Navigation
35:08 Module 4: Entries Page Design
01:15:50 Module 5: Add Entry
01:29:40 Module 6: Swipe to Delete Entry


Watch video Vue 3 & Quasar Tutorial - Create a Money App in 2 Hours! online without registration, duration hours minute second in high quality. This video was added by user Make Apps with Danny 21 June 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 9,818 once and liked it 295 people.