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

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.ค. 2024
  • Use Quasar V2, Vue 3 and the Composition API to create a money management app called Moneyballs.
    👉 Full course: makeappsacademy.com
    👉 Download my Quasar app: 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 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: makeappsacademy.com
    👉 Download my Quasar app: 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

ความคิดเห็น • 26

  • @MakeAppswithDanny
    @MakeAppswithDanny  12 วันที่ผ่านมา +1

    Thanks for watching! 👍
    👉 Full course: makeappsacademy.com
    👉 Download my Quasar app: www.fudget.com

  • @AdamChou-mu3ow
    @AdamChou-mu3ow 7 วันที่ผ่านมา +1

    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 🙌

    • @MakeAppswithDanny
      @MakeAppswithDanny  7 วันที่ผ่านมา

      Thanks for your kind works Adam 👍. In case you don't know, the full course is now live. Use the code LAUNCH25 for a discount (until the end of June): www.makeappsacademy.com/p/quasar-v2-cross-platform-apps-with-vue-3-pinia

  • @carolinasilvagarces3781
    @carolinasilvagarces3781 12 วันที่ผ่านมา +2

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

    • @MakeAppswithDanny
      @MakeAppswithDanny  10 วันที่ผ่านมา

      Glad to hear it! It's landing very soon...

  • @basarokke4403
    @basarokke4403 13 วันที่ผ่านมา +3

    Thank u Danny amazing content, as always

  • @iUmerFarooq
    @iUmerFarooq 10 วันที่ผ่านมา +1

    More Vuejs and Nuxtjs content.
    Thank you ❤

  • @vediam
    @vediam 11 วันที่ผ่านมา +2

    Thanks Danny!

  • @jensluck370
    @jensluck370 13 วันที่ผ่านมา +2

    Welcome Back! 😎

  • @Programming-Fun-With-Hima
    @Programming-Fun-With-Hima 11 วันที่ผ่านมา +3

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

    • @MakeAppswithDanny
      @MakeAppswithDanny  10 วันที่ผ่านมา +1

      Thanks Hima. And long live Quasar 👍

  • @pandalittleplayground
    @pandalittleplayground 13 วันที่ผ่านมา +2

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

    • @MakeAppswithDanny
      @MakeAppswithDanny  10 วันที่ผ่านมา

      That would be very niche, but I'll consider it 👍

  • @caloyp4474
    @caloyp4474 12 วันที่ผ่านมา +2

    nice tutorial.

  • @codedjango
    @codedjango 13 วันที่ผ่านมา +2

    Thank you 🙏🙏👍

  • @merko3043
    @merko3043 13 วันที่ผ่านมา +2

    Nice tutorial, what VSCode theme is this ?

    • @MakeAppswithDanny
      @MakeAppswithDanny  10 วันที่ผ่านมา +1

      Make Apps Theme: marketplace.visualstudio.com/items?itemName=dannyconnell.make-apps-theme

  • @hatemabdulaziz7359
    @hatemabdulaziz7359 7 วันที่ผ่านมา +1

    is there a promo code