ionicthemes/build-a-complete-mobile-app-with-ionic-framework

Stars
220
Rank 180,422 (Top 4 %)
Language
TypeScript
License
MIT License
Created about 7 years ago
Updated almost 2 years ago

ionicthemes/build-a-complete-mobile-app-with-ionic-framework

ionicthemes

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

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.

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.

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.

ionic-wordpress-integration

Ionic Wordpress starter app 😎. Learn how to communicate your ionic app with Wordpress REST API with this starter and detailed tutorial.

ionic-forms-and-validations

📝 Ionic Tutorial - Learn to use Forms and Validations in Ionic Angular apps. Get a FREE Ionic 5 Forms Starter App and learn to handle simple and custom validations. Includes complete ionic forms tutorial!

ionic-pwa

🚀 Build a Progressive Web App with Ionic and Angular. Push Notifications. Deployed to Firebase Hosting. The Complete guide to build your PWA. Service Workers. Lighthouse. Web Manifest

ionic4-starter-app-tutorial

Ionic 4 To Do List App. FREE Ionic 4 example app. Learn how to start using Ionic 4 to create a simple app with lists, forms and navigation.

ionic5-firebase-authentication

🔥 Ionic Firebase Authentication Starter - FREE starter app with Firebase Authentication with social providers such as Google, Facebook and Twitter. Includes complete tutorial to learn how to integrate Firebase Auth into your Ionic 5 application.

building-a-complete-mobile-app-with-ionic-framework

JSConfUY 2015 Ionic workshop app. Ionic example conference app.

ionic-firebase-starter-app

Ionic 4 firebase CRUD tutorial to learn how to create a firebase application to perform Authentication and all CRUD operations in an ionic 4 application. You can use this FREE Ionic Firebase Starter App as a base to create your Ionic App with Firebase backend :)

facebook-login-with-ionic-framework

Ionic example app of how to add Facebook Native authentication into an Ionic Framework v1 app. Add facebook login to your ionic app!

ionic5-starter-app-tutorial

Free Ionic Starter Template - Ionic 5 example app. Learn how to start using Ionic 5 to create a simple app with lists, forms and navigation and more!.

ionic-facebook-login

Ionic starter app to show you how to add Facebook Log In to an Ionic App.

ionic6-starter-app

🌟 Ionic Starter Template. It has everything you need to jump start your Ionic Angular app development! Firebase Integration, Capacitor, PWA, Lists, Cards, Navigation, Forms and Validations and SO MUCH MORE! 🚀

ionic-google-login

Ionic 4 starter app to show you how to add Google Log In to an Ionic App using Google Sign-In Cordova Plugin.

ionic-navigation-and-routing

🎉 Ionic 5 tutorial to learn how to master Routing and Navigation in Ionic Angular Apps as well as some usability tricks you can add to your Ionic Framework apps to make them look even better!

ionic3-image-handling

In this ionic tutorial you will learn how to access the image gallery and take pictures from an ionic app. Also we will show you how to add a image cropper. This ionic tutorial includes a working ionic app example you can reuse for your needs.

ionic-3-google-maps-google-places-geolocation

This repository is part of an ionic tutorial about Maps! In this tutorial we merged Google maps, Geolocation and Google Places. This ionic tutorial includes a working example you can reuse for your needs!

ionic-custom-components

🌈 Ionic Tutorial: Mastering Web Components in Ionic Framework. This repo is an Ionic project showcasing Angular custom components and Stencil custom web components.

improved-ux-for-ionic-apps-with-skeleton-loading-screens

🛎 Learn the importance of adopting the App Shell pattern in your ionic apps and how to implement it using Ionic and Angular and some advanced CSS techniques.

google-login-with-ionic-framework

Ionic example app of how to add Google Plus authentication into an Ionic Framework app. Add google login to your ionic app!

ionic-firebase-image-upload

Building an Ionic App with Protected/Private Content. This app shows how to use Firebase Storage from an Ionic Angular app both with public and private content.

ionic-firebase-crud

🔥 Ionic CRUD with Firebase database. Use this demo as a starter project to build your Ionic Firebase app!

ionic-socialsharing-with-deeplinking-example

Ionic Social Sharing and Deep Linking example app. Complete Ionic Tutorial with free example app! Built for Ionic 3.

building-an-ionic3-multi-language-app

Learn why you need to Internationalize and Localize your Ionic Framework App and how to do it. Also find out how to adapt your Ionic App for multi languages including RTL languages.

google-maps-places-geolocation-for-your-ionic-app

Ionic example app of how to add Google maps, places, geolocation and related features into an Ionic Framework app.

monetize-your-ionic-3-app-with-admob

Ionic example app with admob. This repository is part of a tutorial that shows how to add AdMob to your Ionic 3 App.

how-to-build-any-ui-with-ionic

Explore different strategies you can use to customize and extend the Ionic UI Components to create any UI you want.

ionic-twitter-login

Learn how to add Twitter Login to your Ionic 4 App. In this ionic framework tutorial we will build a ionic 4 example app with Twitter Authentication.

firebase-authentication-for-your-ionic-app

Ionic example app with Firebase authentication. Add Firebase login to an ionic Framework App. Free Starter and Complete Tutorial.

ion2fullapp

This is our public repository for customers to report bugs about Ion2FullApp - Ionic Template

how-to-build-any-ionic-chart-or-visualization

📈 Learn how to build advanced Ionic charts and visualizations using the best Ionic Angular charting libraries (ngx-echarts, ng2-charts, ngx-charts).

ionic-platform-authentication-for-your-ionic-app

Ionic example app of how to add Ionic Platform authentication into an Ionic Framework app.

custom-ionic-form-input-components

Learn how to create custom Ionic form inputs to use in your Ionic Angular apps

form-handling-and-validations-for-your-ionic-app

Ionic 1 example app with Angular Forms and validations.

c-coffee-icon

Custom multi-color SVG web component coffee icon using Stencil.js

questions-and-answers-tutorial-backend

This repo is the backend for the Build a Complete Mobile App with Angular and Ionic demo app. Built with NestJS.

ionic-sliding-tabs

Ionic Sliding Tabs. This repo is an Ionic 6 and Angular 13 project with an example of sliding tabs in Ionic.