Vue 3: Create a Mobile & Desktop App (with Quasar 2 & Pinia)

Use Vue 3, Composition API, Quasar 2 & Pinia to build a Cross Platform App for Web, iOS, Android, Mac & Windows

   Watch Promo

Get started now!



In this course, you'll learn how to use Vue 3, the Composition API, Quasar V2 and Pinia to create a beautiful cross-platform money management app called Moneyballs - for web, iOS, Android, Mac & Windows.
In this app, we can add both income and expense entries and keep track of our spending.
All of our income entries are in green and all of our expense entries are in red, with the amounts beautifully formatted as currency.

We can....

  • View a balance bar along the bottom, which always shows the overall balance of all of our entries.
  • Edit our entries in place by clicking on the name or the amount field.
  • Mark an entry as paid by swiping right (and see the balance of our paid entries).
  • Reorder our entries.
  • Swipe left to delete our entries.
Moneyballs also has a Settings page with a bunch of different settings.
We can:
  • Disable the prompt to delete - so that when we swipe left on an entry - it's deleted immediately.
  • Show a Running Balance, which is displayed under all our entries.
  • Change the Currency Symbol.
  • We even have a Dark Mode with a completely different color scheme.
 And if we quit and restart our app (or reload the webpage) - all of our entries data and settings data is maintained.
 While creating Moneyballs you're also going to use:
  • Pinia Setup Stores
  • Quasar Plugins
  • Custom Directives
  • Custom Composables
  • Capacitor plugins
  • Tons of Quasar Components

And much more...

 And we're going to get this app running and working on five different platforms:

  • Web Browser
  • iOS
  • Android
  • Mac
  • Windows

The iOS & Android apps generated with Quasar can actually be deployed to the App Store & Play Store and monetized with in-app purchases, subscriptions and ads.

The Mac & Windows apps generated with Quasar can be deployed to the Mac & Windows stores, or distributed online.

For this course, I recommend using a Mac and having a basic understanding of JavaScript, Vue 3 and the Composition API.


Your Instructor


Danny Connell
Danny Connell

I spent 7 years working for various companies in the UK as a Web Developer (both front- and back-end) becoming highly skilled in HTML, CSS, JavaScript, jQuery, PHP and many more.

After becoming more interested in apps, I worked for 2 years as a Hybrid App Developer, creating cross-platform apps for the charity sector using technologies including Angular, Ionic, Vue.js and more.

I created my own successful app called Fudget (for iOS, Android, Mac & Windows) which is the highest user-rated personal finance app on iOS with over 2 million downloads. This eventually enabled me to leave my job and become a full-time Indie App Developer, working on my own apps.

I have a successful YouTube channel where I also share coding tutorials.

I'm super excited to share my knowledge here!


Course Curriculum


  1 Introduction
Available in days
days after you enroll
  2 Getting Started
Available in days
days after you enroll
  3 Layout, Pages & Navigation
Available in days
days after you enroll
  4 Entries Page Design
Available in days
days after you enroll
  5 Add Entry
Available in days
days after you enroll
  6 Swipe to Delete Entry
Available in days
days after you enroll
  7 Pinia - Setup Store
Available in days
days after you enroll
  8 Child Components
Available in days
days after you enroll
  9 Edit Name & Amount
Available in days
days after you enroll
  10 Mark as Paid
Available in days
days after you enroll
  11 Sort Entries
Available in days
days after you enroll
  12 Use Directives & Transitions to Improve the Experience
Available in days
days after you enroll
  13 Settings Page
Available in days
days after you enroll
  14 Dark Mode
Available in days
days after you enroll
  15 LocalStorage - Save our Data
Available in days
days after you enroll
  16 Platforms - Web
Available in days
days after you enroll
  17 Platforms - Mac (Electron)
Available in days
days after you enroll
  18 Platforms - Windows (Electron)
Available in days
days after you enroll
  19 Platforms - iOS (Capacitor)
Available in days
days after you enroll
  20 Platforms - Android (Capacitor)
Available in days
days after you enroll
  21 Course Round Up
Available in days
days after you enroll

Frequently Asked Questions


When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

Get started now!