Posts

Adding Firebase to your Flutter App Introduction Firebase is a Backend-as-a-Service – BaaS – that started as a YC11 startup and grew up into a next-generation app-development platform on Google Cloud Platform. Firebase frees developers to focus on crafting fantastic user experiences. You don’t need to manage servers. You don’t need to write APIs. Firebase is your server, your API and your datastore, all written so generically that you can modify it to suit most needs. Yeah, you’ll occasionally need to use other bits of the Google Cloud for your advanced applications. Firebase can’t be everything to everybody. But it gets pretty close. ...

Building a Flutter DateTime Picker in just 15 minutes Introduction With the Flutter DateTime Picker plugin, you can add date & time pickers to your native application. The plugin’s interface is inspired by iOS Cupertino style menu. What you’ll build? In this tutorial, you’ll build a mobile app featuring a DateTime Picker using the Flutter SDK. Your app will: Display separate Date & Time Pickers with a minimalistic interface Display the selected data as outputs to console ...

Adding Charts in Ionic 4 apps and PWA: Part 2– Using D3.js This is part 2 of a 4 part series regarding **how to create charts in Ionic 4 apps. **In this Part 2, you’ll learn how to create various types of Charts using D3.js in Ionic 4 apps and PWA (Part 1 – Adding Charts in Ionic 4 apps and PWA – Using Chart.js) (Part 3– Adding Charts in Ionic 4 apps and PWA – Using HighCharts) (Part 4 – Adding Charts in Ionic 4 apps and PWA : Part 4 – Using Google Charts) ...

Guide on React Native Full App React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI using declarative components. What Is React Native? React Native is a JavaScript framework for writing real, natively rendering mobile applications for iOS and Android. It’s based on React, Facebook’s JavaScript library for building user interfaces, but instead of targeting the browser, it targets mobile platforms. In other words: web developers can now write mobile applications that look and feel truly “native,” all from the comfort of a JavaScript library that we already know and love. Plus, because most of the code you write can be shared between platforms, React Native makes it easy to simultaneously develop for both Android and iOS. ...

Adding Charts in Ionic 4 apps and PWA : Part 1 – Using Chart.js This is post 1 of a 4 part series regarding how to create charts in Ionic 4 apps. (Part 2– Adding Charts in Ionic 4 apps and PWA – Using D3.js) (Part 3 – Adding Charts in Ionic 4 apps and PWA – Using HighCharts) (Part 4 – Adding Charts in Ionic 4 apps and PWA : Part 4 – Using Google Charts) ...

How To Build Web Components Using Stencil JS Stencil is a compiler that generates Web Components (more specifically, Custom Elements). Stencil combines the best concepts of the most popular frameworks into a simple build-time tool. and we can use these web components everywhere in Your JavaScript Projects(Angular, React, Vue) without need to copying one thing again and again. You can either use it in your vanilla JavaScript. Stencil was created by the Ionic Framework team to help build faster, more capable components that worked across all major frameworks. ...

What’s new in Cordova 9.0, compared to Cordova 8.x In this post, you’ll find out the major difference and upgrades released with Cordova 9, compared to Cordova 8. This includes major platform changes as well as how it affects (Cordova based) Ionic apps. This post is aimed to help developers migrate from Cordova 8.x to 9.0 TLDR; One major change for Ionic apps is that most of the Cordova plugins will now have to be updated to be compatible with Cordova 9.0.0 ...

Play Spotify like Music in Ionic 4 apps This post is all about playing music in your cool new app, be it for a music player or just for a notification. In this post, you will learn How to play music and sound files in Ionic 4 apps How to stream music using web URLs How to use music controls like next, previous, pause etc. Complete source code of this tutorial is available here – Ionic-4-music. This demonstration is supported by Ionic 4 Spotify Starter from Enappd ...

Flutter tutorial: Native app building and Facebook Authentication Learn how to build a mobile app featuring a Facebook Login using the Flutter SDK. Introduction Flutter is Google’s mobile app SDK for crafting high-quality native experiences on iOS and Android in record time. What you’ll build? In this tutorial, you’ll build a mobile app featuring a Facebook Login using the Flutter SDK. What you’ll learn? How to create a new Flutter application. How to configure a Facebook Login Flutter plugin. Adding RaisedButton as Widget in Flutter Setting up Facebook Auth Integrate Facebook’s Graph API Github Repository | @ShivamGoyal1899 ShivamGoyal1899/LogItInWithFacebook _Social Login with Facebook made with Flutter SDK. Contribute to ShivamGoyal1899/LogItInWithFacebook development by …_github.com ...

How to implement Google Vision in Ionic 4 The blog focuses on implementing Google Vision in an Android / iOS application using Ionic 4 framework. The app supports various features including but not limited to Object Detection, Labeling Images, Text Recognition, Face Detection using Google Vision API. Introduction Ionic Framework Ionic Framework is an open-source UI toolkit for building performant, high-quality mobile and desktop apps using web technologies (HTML, CSS, and JavaScript). Ionic Framework is mainly concentrated over the frontend user experience, or UI interaction of an app (controls, interactions, gestures, animations). ...