Building a Cross-platform Android and iOS app using Ionic + Angular

In this tutorial, we are going to be creating an Ideas Logging App in Angular and the Ionic Framework, more like a note-taking app dedicated to only logging your ideas and prioritizing them. We will be using the latest version of Angular – v5, Angular IDE, and the Ionic Framework – v3 to build this app.

In a world that is constantly changing so fast, it has become very important to log our ideas in one place. Because it has happened to me so many times, where I have an idea this minute and then by tomorrow I had already forgotten about that idea. When you write down your ideas, you’ve simply created an opportunity for yourself to execute and expand on that idea. According to a research on an article on Huffington Post – The Power of Writing Down Your Goals and Dreams. The research found out that you become 42% more likely to achieve your goals and dreams, simply by writing them down on a regular basis.

So enough with the story, let’s get to work. In our app, you will be able to create an idea with a title and a body where you will write the description and details of that idea. I’ll start by introducing you to Ionic.


Ionic is an HTML5 mobile app development framework targeted at building hybrid mobile apps. Hybrid apps are small websites running in a browser shell in an app that has access to the native platform layer. Ionic was built on the premise that HTML5 will rule on mobile over time, exactly as it has on the desktop. At its core, an Ionic app is just a web page running in a native app shell. That means we can use any kind of HTML, CSS, and JavaScript we want. The only difference is, instead of creating a website that others can link to, Ionic is a self-contained application experience


Developing your hybrid mobile app with the Ionic Framework lets you quickly create versatile cross-platform apps with a unified look and feel. With ionic, you can create a highly interactive, cross-platform mobile application that can be installed on various operating systems like iOS, Android, and Windows.

More Tutorials


Firefox CSS Hacks

Wednesday, May 15th, 2019

Top 15 Web Design Trends 2018

Friday, May 3rd, 2019