Create an App for Android, iOS, Mac & Windows in 30 MINUTES! (Vue 3 & Quasar 2)

Use Vue 3 & Quasar 2 to create an App for Android, iOS, Mac & Windows - in 30 MINUTES!
👉 Source code: makeappsacademy.com
👉 My courses: makeappsacademy.com
0:00 Introduction
1:19 What is Quasar?
2:27 Getting Started
4:32 Layout & Background Image
7:50 Counter & Buttons Design
11:35 Name Input & Reset Button Design
14:10 Data & Methods
17:32 Touch Repeat Directive
19:40 Swipe to Adjust Counter (Touch Pan)
21:41 Save the Data (with LocalStorage & Watch)
26:33 iOS App
28:40 Android App
30:04 Mac App
31:41 Windows App
In this video, I'll show you how to create a BEAUTIFUL Counter App from scratch - and get it running & working on FIVE DIFFERENT PLATFORMS - Android, iOS, Mac, Windows & Web Browser - in 30 GOSH DARN MINUTES!
👉 Download Fudget: www.fudget.com
👉 My VSCode Setup: www.makeappsacademy.com/p/res...
👉 DONT CLICK THIS: dannys.link/dontclick
How can it be possible to create an app on FIVE DIFFERENT PLATFORMS in 30 minutes?
Well, it's made possible by Quasar Framework, an incredible framework which allows you to create a Vue.js app (Vue 3 & Composition API) with a SINGLE codebase and deploy it to:
(1) the Web - as a Single Page Application (SPA), a Progressive Web App (PWA) or a Server-side Rendered App (SSR)
(2) a Mobile App - using Capacitor - both iOS & Android
(3) a Desktop App - using Electron - for Mac, Windows & Linux
It also has over 100 different Material Components such as Buttons, Lists & Form Components - almost anything you'll need for most apps!
It also has tons of different utilities & plugins such as date formatting, data storage and hot-reloading - which means when you save your work, you see the change instantly - EVEN when developing Mobile & Desktop Apps!
It even has Platform Detection - which means you can display a particular element only on Mobile, then display a different element only on Desktop - OR - you can fire a particular block of JavaScript code only on Mobile - then a different block of code only on Desktop.
Quasar Framework is THE BEST Cross-Platform solution in THE WORLD right now!

[@MakeAppswithDanny]

Thanks for watching! Leave a comment telling us what you think of Quasar! 👉 Source code: makeappsacademy.com 👉 My courses: makeappsacademy.com 👉 Download Fudget: www.fudget.com 👉 My VSCode Setup: www.makeappsacademy.com/p/resources 👉 DONT CLICK THIS: dannys.link/dontclick

[@emmanuelnwabuodafi6415]

Danny it's so good to have you back. I saw the KZbin notification and was so happy!!!

[@MakeAppswithDanny]

Thanks Emmanuel. Good to be back 👍

[@EduardoDonato82]

So we are two!

[@michelescafoglieri2120]

No, we are three!!

[@Markeldo]

Four of us already =)

[@basarokke4403]

I can't believe it. Danny is back. Yeessss....

[@MakeAppswithDanny]

Thanks, good to be back 👍

[@cooliomdp]

You are back!! That’s great. Quasar is amazing.

[@MakeAppswithDanny]

Thanks, yes it is 👍

[@firojahmed4730]

Welcome back Danny. Excited to learn new things again.

[@MakeAppswithDanny]

Thanks, me too! 👍

[@LuisJimenez-kk9ue]

Danny, great to have you back 🎉

[@MakeAppswithDanny]

Thanks Luis, good to be back! 👍

[@tonymasse3887]

Long time no see! Welcome back. And once more, with a great video.

[@MakeAppswithDanny]

Thanks Tony! 👍

[@opereznet]

We are happy to having you back Danny, you are a master and really good to at teaching... thanks for sharing your knowledge

[@MakeAppswithDanny]

Thanks, it's good to be back 👍

[@vediam]

You are back! That’s great! Quasar is amazing! We are waiting Quasar 2 online course

[@MakeAppswithDanny]

Thanks. You can see the promo video here: www.makeappsacademy.com/p/quasar-v2-cross-platform-apps-with-vue-3-pinia

[@iUmerFarooq]

Thank you brother for coming after so long. Your teaching skills is on next level. You clear all the concept very easily. Thanks once again

[@MakeAppswithDanny]

Thanks 👍

[@DiegoPadula]

I'm looking forward to more of these excellent tutorials in the Vue/Quasar world. Danny is definitely one of the great masters.

[@MakeAppswithDanny]

Thanks Diego 👍

[@Subeeshsudhakaran]

Unbelievable 🤩, My quasar guru is back....🎉

[@MakeAppswithDanny]

Thanks for watching, glad to be back! 👍

[@hundop4826]

Happy to see you're back!

[@MakeAppswithDanny]

Thanks, good to be back 👍

[@koleto155]

Thanks Danny and Welcome back!

[@MakeAppswithDanny]

Thank you so much for your donation 👍

[@isaiahmg]

welcome back Danny!

[@MakeAppswithDanny]

Thanks, glad to be back 👍

[@RobertWildling]

Oh Danny! So great that you are back again! How are you?

[@MakeAppswithDanny]

Pretty good thanks, how you doing Robert? 👍

[@mfinity168]

I've always followed you. You haven't uploaded a video in a long time. Thanks for this video

[@MakeAppswithDanny]

Thanks, you're welcome 👍

[@Markeldo]

Danny, thank the gods you're back! Hope to see a lot of new useful content from you. You were the one who encouraged me to start my home project.

[@Markeldo]

As an idea for your future videos would you be so kind to tall us about push-notifications. Is it possible with quasar?

[@MakeAppswithDanny]

Thanks that's good to hear about your home project 👍. Yes, it is possible to handle push notifications with Capacitor / Cordova & Firebase. I may cover this at some point. I would definitely like to do a more in-depth Capacitor course, showing different plugins 👍

[@Markeldo]

@@MakeAppswithDanny that would be cool if you share your experience in this area

[@amrwery5403]

Welcome back Danny Really I miss you man And I am waiting for your next awesome vue or nuxt tutorials Greaing for Egypt

[@MakeAppswithDanny]

Thanks. Good to be back. Yeah I should take a look at Nuxt, maybe with the Quasar module 👍

[@heavyhelli]

@@MakeAppswithDanny That would be great!

[@SG-br9vj]

Good to see you back with great content, thank you ☺️

[@MakeAppswithDanny]

Good to be back, thanks for watching! 👍

[@MrScalleta]

🎉🎉🎉🎉🎉 my teacher come back!!!

[@MakeAppswithDanny]

Good to be back MrScalleta 👍

[@TGMichaelD]

Thanks!

[@MakeAppswithDanny]

Thank you so much, Michael 👍

[@DTEurope]

Welcome back.

[@MakeAppswithDanny]

Thanks 👍

[@CandraNurIhsan]

Wow new vid

[@MakeAppswithDanny]

Thanks Candra 👍

[@HiteshBhanushali]

Danny will you make video that elaborate that hota to connect of back end logic is running using Python and also one video that how to draw live stock chart having multiple chart type like candlestick , line, renko, heikin Ashi charts etc with indicator lines..

[@MakeAppswithDanny]

Thanks, I'll consider it 👍

[@einsteinyap9569]

wow Danny, I am waiting for your New Quality Udemy course.

[@MakeAppswithDanny]

Thanks. Yes I'm excited about this one. We will be building a different kind of app to the usual. You can see the promo video here: www.makeappsacademy.com/p/quasar-v2-cross-platform-apps-with-vue-3-pinia

[@codedjango]

Danny is back....

[@MakeAppswithDanny]

Yep. Good to be back 👍

[@user-zu3ld8is4y]

Thanks

[@MakeAppswithDanny]

You're welcome 👍

[@alpharsy4543]

Thank you so much sir!! But can i ask something? how to build the quasar android into APK??

[@MakeAppswithDanny]

Run: quasar build -m capacitor -T android --ide Then build it in Android Studio 👍

[@user-do6hk5md9n]

I would be very grateful if someone could explain how this would work in productrion. I compiled the .apk file and installed it on my phone. The app opened and tried to connect to the quasar dev server (which is not available because it is only available for PC), I got a black screen. In this regard, I have two questions: 1. How can I make a quasar production server instead of a dev server (there should be a difference)? 2. For an app with a counter, no server is needed at all, how can I build it so that it does not try to go online at all? There is only client logic in this app. In general, tell me what to read or point me to a video with a detailed analysis of such issues. Thanks in advance.

[@MakeAppswithDanny]

You need to run the build command (e.g. quasar build -m capacitor -T android --ide). Then you can build the apk from Android Studio (or deploy it straight to the device). That being said, you should also be able to run it in dev mode on the device (as long as your devices are connected to the same Wifi network) 👍

[@TGMichaelD]

Thank you so much what is your patreon?

[@MakeAppswithDanny]

I don't have one. Thanks for your donation 👍

[@HiteshBhanushali]

What happened Danny it's top long time.. hope doing well..

[@MakeAppswithDanny]

Thanks it's good to be back 👍

[@arturmikowski9880]

Where were you when you were gone?

[@MakeAppswithDanny]

It's been a crazy couple of years, I would need to write a book about it 😂. Good to be back though 👍

[@firstname-lastname]

Good to see you posting again, but the video thumbnail is too cringe, pls change.

[@MakeAppswithDanny]

I agree, but at this point it's tradition for the "app in 30 minutes" thumbnails 👍