Implementing Material Design on Flutter

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: …

Your First Flutter Project

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. …

Firebase Google Authentication using ionic

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 …

Firebase Facebook 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 …

Ionic Firebase Email Authentication

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 …

Ionic Firebase Push Notification

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 (i18n)

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 …