Create a Full Mobile App (1) with Ionic4

remko de knikker
NYC⚡️DEV
Published in
11 min readMar 21, 2019

--

This article shows how to create a mobile application using Ionic 4, Angular 7 and TypeScript with all the basic functionalities a mobile application should have, like authentication, content feed and headers with sub-headers.

The source code for this article is found here https://github.com/szirine/szirine-app/releases/tag/v0.1.0.

Follow the next steps to create the mobile app:

  1. Create an Empty Application with a Tabs Template
  2. Rename Tabs
  3. Add Header and Menu
  4. Add Sub Headers
  5. Add Authentication Service, Guard and LocalStorage
  6. Add Content and List of Cards to Feed

You can review the source code in the Github repository https://github.com/szirine/szirine-app.

My application is called Szirine, it is a mobile version of a website I created in the past called szirine.com.

Create an Empty Application with a Tabs Template

Start by creating an empty Ionic application using the tabs template. Run ‘ionic start’…

--

--

remko de knikker
NYC⚡️DEV

Cloud Native Developer Advocate @IBMDeveloper for Cloud Native, Containers, Kubernetes, Security and DevOps. Dutch NYer, dad, humanist with empathy for paradox.