Learn Ionic, PhoneGap, Cordova
Flutter Tutorial Series #2: In this article, we’re going to implement the material design with your flutter app. Since we don’t have any state for our current project. we need to create a StatelessWidget, which returns widgets of MaterialApp() also Scaffold(), AppBar(), Container() class FirstApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp(home: …
In this article, we’re going to create a very simple flutter project called “Hello World”. If you don’t have an environment setup, feel free to check flutter documentation first Creating your first project flutter create firstapp cd firstapp Editing /lib/main.dart main.dart is a file which executes for the first time when you open an app. …
Ionic Firebase Realtime database tutorial: This article, we’re going to create a simple Todo app with firebase backend with CRUD (create, read, update, delete) operation. Before we starting our project we need update rules on firebase database for accessing Note: For testing purpose, we have added open rules, which means, we don’t added any security rule …
Continue reading “Ionic Firebase Realtime Database Tutorial – Todo App”
Let’s learn how to upload files to firebase cloud storage using ionic 2 / 3 without using any plugins. before we starting, we need to rewrite rules for firebase project. Note: For a testing purpose, I have updated firebase rule as open, which means anyone can access your firebase storage with your credentials. Let’s create …
This article, we’ll learn how to implement firebase google authentication using Ionic. Before we starting we need to create google reverse client id for adding plugin. please refer https://codesundar.com/tutorials/create-reverse-client-id-for-google-login/ for detailed instructions Let’s create new project & Add required dependencies ionic start firebasegoogleauth blank cd firebasegoogleauth ionic cordova platform add android ionic cordova platform add ios ionic …
Continue reading “Firebase Google Authentication using ionic”
This article, we’ll learn how to implement firebase facebook authentication using Ionic. Before we starting we need to create facebook app id, app name for adding plugin. please refer https://codesundar.com/create-facebook-application/ for detailed instructions Let’s create new project & Add required dependencies ionic start firebasefbauth blank cd firebasefbauth ionic cordova platform add android ionic cordova platform add ios …
Continue reading “Firebase Facebook Authentication using Ionic”
This lesson, we’re going to learn how to integrate ionic firebase email authentication with step by step instruction. To get started, we need to follow these instructions Enable Email Authentication method on Firebase Console Installing & Configuring firebase module with ionic project Enabling Email Authentication To get start, we need to login with firebase account …
This lesson, we’re going to learn how to change ionic app icon, splash screen and app name, widget Id. Changing Ionic App Icon & Splash Image before starting, you must have app icon & splash images with following sizes. Icon size: 1024px x 1024px (File name: icon.png) Splash Image: 2732px × 2732px (File name: splash.png) File Format: must …
This lesson, we’re going to learn how to integrate firebase cloud messaging (FCM) with your ionic project. For a push notification setup we’re going to use a plugin https://github.com/arnesson/cordova-plugin-firebase Create new ionic project or your can choose your existing project ionic start ionPush blank cd ionPush Before adding platform and plugin, we need to download google-services.json from your …
ionic multi language support example using ng-translate (https://github.com/ngx-translate) allows you to create ionic projects with multiple language support. Steps: Create New Ionic Project Install Required dependencies Create .json files for different language (here I’m going to use English & Tamil) Declaring inside app.module.ts Working with home.html & home.ts Create New Project Here, I’m going to create …
