Create a Shopping App with Nativescript Vue, Firebase and Stripe
Modern devices bring modern conveniences, such as shopping from your mobile device no matter where you are physically. Using Nativescript Vue, I'll go over how to create a shopping application with a product catalog that uses Firebase and Stripe to handle payments from a credit card.
Create a Stateful Camera Gallery App with Font Awesome using Nativescript Vue
This post shows how to create a simple app using Nativescript 6 Vue that uses the device camera to take photos, displays those pictures in a simple image gallery, uses Font Awesome icons, and maintains state for the gallery across app runs.
Resizing Images in Nativescript
Large images can lead to delays in uploading and slow rendering, so I decided to limit the size of images on the client. This post will discuss controlling image file sizes in Nativescript by reducing pixel dimensions to produce smaller (and faster) image file uploads.
Adding a profile page to a Nativescript Vue app using VueX, Firestore and Firebase Storage
This post will show how to extend our previous Nativescript Vue login screen with a functional profile page and a login/logout routing design. The application will use VueX for local app state and routing, Firebase Firestore as a remote database, and Firebase Storage for profile picture storage.
Using Nativescript Vue 2.0, Firebase and Font Awesome to create a login screen
With the release of Nativescript 4.2 and Nativescript-Vue 2.0, I thought it would be interesting to create a simple app with Vue.js and Nativescript with a login screen that uses Firebase Authentication and Font Awesome Icons, on both the iOS and Android platforms
Stateful Nativescript picture gallery app with Font Awesome 5 icons
In this post I'll go over how to use the Nativescript camera plugin to take pictures, store and display those pictures in a simple image gallery, use Font Awesome icons in your app, and maintain state for the app data across runs.
In a previous post, I designed a loading animation for a login page using just CSS. For simple scenarios, this works well, but in more complex apps you'll want to use code to control your animations. In this post we'll mix code-based and CSS-based animations in Nativescript for better control flow.
Nativescript splashscreen for iPhone X
My previous post showed how to create a Nativescript app with a custom splashscreen. This works well except on the iPhone X, where you'll have a white bar on the bottom of your screen. I'll go over some basics for developers new to iOS with Nativescript and then discuss the iPhone X fix in detail.
Creating a Nativescript login page with an animated splashscreen loader
For mobile apps, a splashscreen and loading animation will make loading look and feel nicer, and hide some processing for a complex app. Luckily, Nativescript makes both easy to implement. In this post, I'll show how to create a new mobile app with a splashscreen, loading animation and login page.