Home

Awesome

Build a complete mobile app with Ionic

This repo is part of an ionic tutorial that explains how to build an ionic app with a question and answer format (Q&A). We will go through the core concepts of an Ionic Framework App such as Project Structure, Navigation, UI/UX and Data Integration with a NestJs API.

This ionic tutorial includes a free ionic template you can reuse for your own project!

Please support this project by simply putting a Github star ⭐ 🙏

Follow the complete step by step tutorial.

<div> <img src="https://ionicthemes.s3-us-west-2.amazonaws.com/tutorials/screenshots/build-a-complete-mobile-app-with-ionic5/category-listing.png" width="270"> <img src="https://ionicthemes.s3-us-west-2.amazonaws.com/tutorials/screenshots/build-a-complete-mobile-app-with-ionic5/category-details.png" width="270"> <img src="https://ionicthemes.s3-us-west-2.amazonaws.com/tutorials/screenshots/build-a-complete-mobile-app-with-ionic5/question-details.png" width="270"> </div>

Install the Ionic app

npm install

Run the Ionic app on the browser

ionic serve

Run the ionic app on your phone

This app is built with Capacitor. Check the getting started guide to see how to run it on your device.

Demo

Get a complete Ionic 5 Starter App

Did you know that we recently released Ionic 5 Full Starter App PRO? It has more than 125 carefully designed views and components, it will help you grasp best practices and the new concepts of Ionic 5 development.

Try it both as a native app or as a full PWA on your mobile browser and save yourself hundreds of hours of design and development.

<img src="https://ionicthemes.s3-us-west-2.amazonaws.com/cover_images/redesign/ionic5-full-starter-app-pro.jpg"/>