Categories
Firebase Screencast Tutorials

Monitor Firebase Storage Upload Progress

You can up your UX game by adding things like skeleton loaders, loaders, progress bars to async operations. For example uploading files to a server might take time due to network connection or file size. We can also Monitor Firebase upload progress using @angular/fire package. And that is what we gonna do in this article. […]

Categories
Firebase Java Script Screencast Tutorials

Upload Photos to Firebase Storage with Ionic Angular [Screencast]

Firebase storage or cloud storage for Firebase makes it super easy to store your photos and videos. Firebase is Google platform known for scalability, cost effectiveness and security. It is reliable as it based on Mobile First approach. Which means it intelligently pauses and resumes the file transfer based on internet connectivity. If you are […]

Categories
Angular Firebase Java Script Tutorials

Getting Started with Firebase for Angular Ionic

Firebase is an app development platform covering everything from Database, Storage, Authentication to Hosting, Analytics. We don’t need to worry about the back-end of our application. One of the other exciting feature is real-time Database. A change in one client can immediately be seen in another. If so much of the organisation and architecture is […]

Categories
Ionic Tutorials

Ionic UI – Design Challenge – Incoming Expenses [Screencast]

In this article of Ionic design challenge we are looking at this expense app dribbble shot. We are going to convert the lower part of the design (as marked in the screenshot below) using ionic built in components. If you are more of a video person that I have also attached the video the end […]

Categories
Tutorials Vue

Toolbar items placement in Vuetify 2.0

Vuetify is Vue based progressive framework that supports SSR, SPA and PWA. You can read more about it here. How it looks when we have v-modal; with content of v-toolbar inside a v-dialog; let’s see them along with some cards In the header of title we have two action buttons. One before a X / […]