
Bind and display the city name, description, and temperature from the weather data using weather data.name, weather[0].main, and weather[0].temp rounded, plus the icon from weather[0].icon.
Create an easy npm script named icons to run the icon generation command, enabling cross-platform support across mac, windows, and android by running npm run icons.
Implement a geolocation fallback for Electron by using a geo IP service when needed, else use the geolocation API, updating latitude and longitude and retriggering the get method.
Explore the electron main process to customize the browser window, menu bar, and file access, and implement inter-process messaging between the main process and renderer for a native-like desktop app.
Set up a virtual machine and enable file sharing by configuring shared folders, auto mounting, installing guest additions, and accessing the shared projects folder from the host for development.
Launch the Windows version of the Quasar weather app on the virtual machine, access shared folder via Windows Explorer with Win32/64, test Electron and Quasar, and search New York City.
Launch the Quasar project in development mode and run it in the iOS simulator to test the weather app, then address geolocation integration and update app icons.
Learn to debug the app using Safari dev tools by enabling the develop menu, accessing the simulator IP, and verifying functionality with a console alert.
Windows developers must install the JDK and Gradle, follow the links on the Quasar page, and set the required environment variables.
In this short course, I'll show you how to use Quasar Framework V1 & Vue JS 2 to create a gorgeous Weather App from scratch - and get it running and working on 5 different platforms - Web, iOS, Android, Mac & Windows.
YES! We'll be creating real apps that can be deployed to all of the various App Stores!
In this app we can get the user's location and display the weather where they are (using the OpenWeatherMap API) all within a beautifully designed layout.
We can also search for a location using the Search Bar.
We will display a different background, depending on whether is daytime or nighttime in the current location.
We'll create beautiful Icons & Splashscreens for all the different devices using Quasar Framework's incredible IconGenie CLI tool.
We'll setup Simulators for testing on Android & iOS.
And we'll setup a Virtual Machine using Virtualbox for testing on Windows (when developing on a Mac computer).
We'll even get the app running on Real iOS & Android devices. Yes! REAL iOS & Android devices!
If you want a quick introduction to creating Cross-Platform Apps using Vue JS 2 (and Quasar V1), then this is the course for you.
NOTE: This course is for Quasar V1 (with Vue 2). Quasar V2 (with Vue 3) is not covered in this course.