Ionic Framework is an open source software development kit for building mobile apps. Its purpose is to help programmers with progressive web app development in a way that feels just like building a website. Progressive web apps built using modern standardized web APIs like service workers, web manifest, and web push, that provide an app-like experience delivered through the browser. Almost all hybrid mobile apps are made with the help of Ionic nowadays.

Ionic is one of the most promising HTML5 mobile application frameworks. Built using SASS, it provides many UI components to help develop rich and interactive apps. It uses the JavaScript MVVM framework, AngularJS to power apps. Two-way data binding, interaction with backend services and APIs makes AngularJS a mobile developer’s common choice. With release of AngularJS 2.0, focused on mobile, it’s sure to gain even more popularity.

Ionic app development

Technologies involved in Ionic development

You’ll need three things to build an app: Ionic Command Line (CLI), Cordova to build and deploy as a native app, and a recent version of Node.js. In order to get the most out of your Ionic and Cordova development and build great iOS apps, you’ll need to install Xcode, and SDK or Android Studio for Android apps development.

There are many available HTML and CSS building blocks (components) within Ionic framework, such as action sheets, buttons, cards, grid, icons, inputs, lists, menus, checkboxes, search bars, tabs and many other components.

Native mobile app development

Ionic + Google Material Design

Material design (MD) is inspired by the study of paper and ink, yet technologically advanced and open to imagination and magic. Surfaces and edges of the material provide visual cues that are grounded in reality. The use of familiar tactile attributes help users quickly understand affordances. The fundamentals of light, surface, and movement are key to conveying how objects move, interact, and exist in space and in relation to each other. Realistic lighting divides space, and indicates moving parts. There were no material design software till 2014, when Google created it and performed the task greatly by making MD the trend. They’ve created framework consisting of wonderful components and patterns for developers to use in their projects.
Ionic and Google shared an effort and created Ionic Material, which is free open source project or so-called extension library for the Ionic Framework, meaning you don’t need to change the way you develop your hybrid mobile app to have them materialized. It will not interfere with core behavior or styles and design of mobile app will finally turn out Google-like.

Material design software

Ionic and Google Material Design collaboration

Mobilunity and Ionic

We have experience working with Ionic during many projects. Great examples of these are Bulldogs and Chip-in. When our customers came only with the main idea behind their backs, we started to think on design and technologies, which can be used to turn the idea into life. With experience in hybrid and native app development, we always try to use the most suitable solution for every project. If our client chooses hybrid, our choice falls on Ionic app development.

  • In case with Chip-in, we decided to make this app hybrid so it would be flexible and available on multiple platforms. It is an app that help you save money for the goal they set and get reminded about the investments to be made, so that the users meet their deadlines and eventually save a sum enough for them to attain their goal. For project execution the development team chose a typical combo of tools widely used in hybrid development including Cordova and Ionic hybrid application frameworks, AngularJS and relevant APIs.
App that help you save money

‘Chip In’ app made by Mobilunity

  • Second hybrid project, that is worth mentioning is Bulldogs. It is an American Football Team located in Kiev. Mobilunity created a website and a hybrid mobile app for them which could serve as information portal for people involved in American football, whether they are fans or just ones who enjoy this kind of sport. To fulfill the specifications of the mobile application our developers used the same Ionic, AngularJS, Cordova, Node.js techs.
Design of mobile app

‘Bulldogs’ website made by Mobilunity

‘Ionic is a quite useful toolkit, which helps to perform fast and create good hybrid apps. We are using this framework only because it is popular, but it’s surely not the best existing solution for your project. On such a competitive and demanding market, where everybody wants to turn a website into an app, I’d still choose exactly native mobile app development’ — Alexander, Developer of iOS and Android apps

If you want to have your own mobile app, contact us and we will build it!

Originally published on Mobilunity Blog

Follow us on Twitter! Like us on LinkedIn!

Join us on Medium! Watch us at YouTube!