Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ionicthemes/build-a-complete-mobile-app-with-ionic-framework
Getting Started with Ionic Framework - Let's build a real App together! Learn the core concepts of Ionic while building a Q & A mobile app.
https://github.com/ionicthemes/build-a-complete-mobile-app-with-ionic-framework
ionic ionic-5 ionic-angular ionic-framework ionic-navigation ionic-starter ionic-tutorial
Last synced: about 1 month ago
JSON representation
Getting Started with Ionic Framework - Let's build a real App together! Learn the core concepts of Ionic while building a Q & A mobile app.
- Host: GitHub
- URL: https://github.com/ionicthemes/build-a-complete-mobile-app-with-ionic-framework
- Owner: ionicthemes
- License: mit
- Created: 2017-09-24T21:56:19.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T20:57:51.000Z (almost 2 years ago)
- Last Synced: 2024-05-13T20:55:38.418Z (6 months ago)
- Topics: ionic, ionic-5, ionic-angular, ionic-framework, ionic-navigation, ionic-starter, ionic-tutorial
- Language: TypeScript
- Homepage: https://ionicthemes.com/tutorials/about/build-a-complete-mobile-app-with-ionic-framework
- Size: 1.87 MB
- Stars: 221
- Watchers: 16
- Forks: 99
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://github.com/ionicthemes/questions-and-answers-tutorial-backend).
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](https://ionicthemes.com/tutorials/about/build-a-complete-mobile-app-with-ionic-framework).
## Install the Ionic app
```sh
npm install
```## Run the Ionic app on the browser
```sh
ionic serve
```## Run the ionic app on your phone
This app is built with Capacitor. Check the [getting started guide](https://capacitorjs.com/docs/getting-started) to see how to run it on your device.## Demo
- [Online demo](https://q-and-a-ionic-tutorial.web.app)
- [Video preview](https://youtu.be/xj3Znnd4Evs)## Get a complete Ionic 5 Starter App
Did you know that we recently released [Ionic 5 Full Starter App PRO](https://ionicthemes.com/product/ionic5-full-starter-app-pro-version)? 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**.