Posts

Showing posts from June, 2017

Ionic 3 and Angular 4: Adding Custom Fonts like Open Sans and Font Awesome.

Image
We all know that Ionic is the useful framework for building HTML 5 mobile applications. It is mainly designed for the front end. When it comes to look and feel of the Ionic website, you have to work more on your application branding standards. Ionic default icons are not up to current market standards. This tutorial is all about how to add custom downloaded fonts like open sans and font awesome for icons into the Ionic application. Let’s see how you use customized fonts in your Ionic website. Read more »

Ionic 3 and Angular 4: PHP Restful API User Authentication for Login and Signup.

Image
Here is the continued article on my previous post for creating a welcome page with login and logout . Today’s post explains how to implement login authentication system for your AngularJS applications. It will show you how to log in with a user and store the user session, so it deals with token based authentication. Since we are using token based authentication, it protects if any unauthorized request is made and notices for a new login if required. This makes your application’s authentication to be more secured compared with any other authentication system. Every user details will be stored in an external database and a PHP based API is used in the backend for handling this authentication. Hope you’ll find it more easily using this as your authentication system in your AngularJS projects. Let’s look into the live demo and follow the below code. Read more »

Ionic 3 and Angular 4:Create a Welcome Page with Login and Logout.

Image
Most of the mobile applications starts with welcome page with login and signup buttons. A proper login or signup redirects to application home page and there you can navigate to different pages and finally you can end up with a logout action. Today’s tutorial is all about this. Here I am using AngularJS 4 and Ionic 3. The combination of AngularJS and Ionic in handling login is a straight forward process. This design is already explained in my previous posts using ReactJS navigations . Lets see how to set a starting page using Ionic 3 and AngularJS4 and learn basic understanding of how the navigation works. Read more »