Create an App for Android, iOS, Mac & Windows - in 30 MINUTES!

How to Create an App for Android, iOS, Mac & Windows - in 30 MINUTES!

In this video, I'll show you how to create a BEAUTIFUL Todo List App from scratch - and get it running & working on FIVE DIFFERENT PLATFORMS - Android, iOS, Mac, Windows & Web Browser - in 30 GOD DAMN MINUTES!

How can it be possible to create an app on FIVE DIFFERENT PLATFORMS in 30 minutes?

(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 Cordova - 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!

[fernwood]

This is such a great demo. I've been coding since 1980 and have seen it all. From my perspective, Quasar is reaching the apex of development.

[mpu-easy]

Danny, you are the best! Quasar is really a groundbreaking technology. And it's so damned fast. An app like that within 30 minutes with XCode, C#, Qt, Java or whatever? Impossible! And cross platform as well? Totally impossible! Only quasar can deliver this. I never enjoyed programming more than with this framework.

[realtebo]

I taken your udemy course. It's absolutely the best course I've taken until now. It's complete, clear, concise, full working and engagin. It's a must.

[dhmsimons]

Please consider adding "Highlight Matching Tag" to your plugins in VS-Code. It will greatly enhance visability of tag-groups in the template section of a compontent.
Love your channel, learned a lot already! Keep it up Danny!

[AyushMandowara_xx]

This video will be a little fast for someone who has no idea about frontend frameworks. but if you keep pausing and coding and keep making progress, you start understand the ideas behind the methods. and the full thing (coding the app for web) can be done in about 2 hours.
I learned a bunch of things from this tutorial, like v-if, v-for, @click event triggering, using methods. I think many of the things in Quasar can be directly applied to vue as well, although don't take my word for it. Thank you very much for making this tutorial!

[mjunek]

As someone who discovered Quasar an hour ago, this 45 minute intro is fantastic. Very clear and very well presented. And I lost count at the number of times you said poo, so I'm cracking up :)

[CCosse-umjc]

The no-wasted-time format is really nice (edit: and of course the entire content)

[leandrojuren]

[Vue Router warn]: <router-view> can no longer be used directly inside <transition> or <keep-alive>.
Use slot props instead:

<router-view v-slot="{ Component }">
<keep-alive>
<component :is="Component" />
</keep-alive>
</router-view>

[xylxylxylxyl]

Very excellent. I have been making apps with apache cordova and vue for a while. I decided to find a library which had components already made as it's a bit time consuming for something I felt like was recreating the wheel. I saw quasar and looked up a showcase of it and stumbled upon this video. Watched the entire video. Really cool stuff.

[roblesrt]

I purchased your course and loving it!

[AmeeliaK]

There is no static folder anymore. It's "public" now and it's directly in the project root directory, not in src.

[Epitaph]

Thanks for making this video, it is quite informative and easy to follow for new users.

[noexit]

Shoutout Danny you are an inspiration to anybody who shares the passion for code.

[girishrathor]

The best demo for Quasar.. I am loving this framework and this demo got me on fast-track.. thanks Danny. Are you able to share what plugin you use for those html code.. I can see 'Emmet abbreviation' shown in the editor when you are typing the code. Sorry I am new to visual studio code.. thanks a lot for a great demo!!

[jean_p]

The guy says he is a noob in vs code but I see he has installed an amazing extension to autocomplete HTML balises (which I identified to be Emmet) and he knows how to use it. I don't think one can be a noob and be as fast and productive.

[papyrifer]

Great video! This also serves as a great (partial) review of your course, as after a while I needed a refresher, and it's also great to see a few things updated.

[jofftiquez]

For others' reference in the v-for loop key warning you can do v-for="(task, key) in tasks" :key="key" where key is the index of the item in the array. This way you don't need to create a unique id or something for small objects like this.

[chandragie]

Just started learning Quasar and your video is awesomely clear and helpful. Thanks Danny!

[eanesazurara]

Absolutely Fantastic. Really great tutorial. Easy to understand and showing many possibilities of using Quasar to create real applications. Congratulations.