PhoneGap Login with PHP & MySQL

Phonegap login system (cordova login) using php & mysql: In this tutorial, we’re going to build simple login system using phonegap with php and mysql backend. Creating database for storing user data ( mysql ) Creating Login page for authenticate existing user Creating Signup page for add new user account Database design for phonegap login system First …

Ionic PHP MySQL Example

This lesson, we’re going to learn how to read/write data from PHP & MySQL. Project: Need to create simple product manager, where user can enter product information such as title, description, price and picture URL & he can also read data from database Requirement: we need to create JSON based Web service with PHP & …

Ionic Google Maps Integration

This lesson we’re going to learn how to work with Google Maps. Create new project ionic start GMap blank cd GMap ionic serve Add plugin ionic plugin add cordova-plugin-googlemaps –variable API_KEY_FOR_ANDROID=”YOUR_ANDROID_API_KEY_IS_HERE” –variable API_KEY_FOR_IOS=”YOUR_IOS_API_KEY_IS_HERE” Please check Create API key for android and ios for creating API key home.html <ion-header> <ion-navbar> <ion-title> Home </ion-title> </ion-navbar> </ion-header> <ion-content padding> …

Ionic login with Google Plus

(Ionic login with google plus) explains about implementing google plus login using cordova-plugin-google-plus plugin with ionic native. Login with Google Plus Video Lesson Create Client Reversed Client Id: https://codesundar.com/tutorials/create-reverse-client-id-for-google-login/ Create New project & Change working directory ionic start gplogin blank cd gplogin Add your platform ionic cordova platform add android npm install –save @ionic-native/googleplus Change …

Ionic Login with Facebook

This lesson (ionic login with facebook), we’re going to learn how to integrate facebook login for ionic application and fetch user’s information from facebook. Ionic login with Facebook Video Lesson First we need to create new project then we need to add platform ionic start fblogin blank cd fblogin ionic cordova platform add android To …

Accessing Picture from Gallery

In previous article, I’ve explained how to access Camera to take Picture using Ionic 2. This article I’m going to explain how to access photo gallery using ionic Goal Access Gallery & Choose Picture Get Picture with Base64 String Convert Base64 String to Viewable Image Steps to follow 1. Create New Ionic Project ionic start …

Ionic Navigation

This lesson we’re going to cover, how to navigate between 2 pages & passing data between pages. Core Concept: Navigation between 2 pages can be done with push & pop concept. where push is moving forward & pop is moving backward Create new project (Note: you can choose any template such as blank, sidemenu or tab) …

Getting Started with Ionic

Getting Started with Ionic Ionic is cross platform open source framework for building a progressive web application and hybrid mobile apps. It uses Angular with TypeScript. It provides UI components for developing mobile apps such as sidemenu, tabs, segments, buttons and much more. It uses Cordova (ionic-native) for accessing device functionality such as camera, geolocation, …