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

Use Quasar V2, Vue 3 and the Composition API to create a money management app called Moneyballs.

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

👇 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

[AdamChou-muow]

Thank you for filming the "Getting start" part (which starts 8:19) in this video🤩, it is precious and important part for beginner(like me 🤯)
I have seen some tutorial lesson ignoring this part, which gave me a hard experience while learning Quasar. Thank you Danny 🙌

[kunai]

3:05 small detail: with € you write it after the number, not before (like 2, 99€)

[carolinasilvagarces]

Thanks Danny! I'm really looking forward to the full course

[basarokke]

Thank u Danny amazing content, as always

[Chana]

Hi Danny, thank you for all greats videos you make to help us. I just buy this full course from your site (make apps academy), this will be very help me.... thanks !!

[iUmerFarooq]

More Vuejs and Nuxtjs content.
Thank you ❤

[pandalittleplayground]

hello, good day. can you make a video on how to add particlejs in quasar 2?

[merko]

Nice tutorial, what VSCode theme is this ?

[ivankraev]

Why do you use hooks for simple functions as currency formatting ? Isn't it better to use simple utility function and use hooks only for functionality that contains reactivity and lifecycle methods ? I'm react dev and new to vuejs, just trying to understand the concepts. Thanks !

[Programming-Fun-With-Hima]

Long live Danny..
Long live Vue 3 with Pinia..

[pkphilips]

Not sure why but I have the exact version of Node js installed as shown in the video and also Quasar/cli but it is not even giving the "Quasar App CLI with Vite 2" as an option. I only get "Quasar App CI with Vite" . i also am not getting the composition api selection during the project init. Would appreciate any tips

[kunai]

1:16:25 why do we need 'reactive' when we already have 'ref'?

[devtechnology-up]

please it is possible to connecte quasar framwork to sqlite3?