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

Published: 03 June 2024
on channel: Make Apps with Danny
17,404
424

Use Vue 3 & Quasar 2 to create an App for Android, iOS, Mac & Windows - in 30 MINUTES!
👉 Source code: https://makeappsacademy.com
👉 My courses: https://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: https://www.fudget.com
👉 My VSCode Setup: https://www.makeappsacademy.com/p/res...
👉 DONT CLICK THIS: https://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!


Watch video Create an App for Android, iOS, Mac & Windows in 30 MINUTES! (Vue 3 & Quasar 2) online without registration, duration hours minute second in high quality. This video was added by user Make Apps with Danny 03 June 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 17,404 once and liked it 424 people.