Top Rating
- Top Contributors
  Discover the Top Open Source contributors by country or by language
- Interviews
  Discover real stories from Open Source developers
Discover

Discover your Favorite Language
Discover the top trending repositories and projects on Github. Explore the latest trends in your preferred languages.

Assembly

Groovy

Crystal

OCaml

C

Rust

Scala

Ruby

More Languages
Awesome

Awesome repositories
Discover the most awesome repositories and projects of your favorite languages. Inspired by the Awesome-* lists trend in GitHub.

R

Python

Clojure

MATLAB

Nix

Perl

PHP

Rust

More Languages
By Country

Rankings by Country
Discover the community of talented open source contributors in each country.

🇨🇴 Colombia

🇦🇴 Angola

🇳🇪 Niger

🇵🇪 Peru

🇨🇿 Czechia

🇸🇩 Sudan

🇷🇪 Réunion

🇲🇭 Marshall Islands

All Countries Compare Countries

ionicthemes/ionic4-starter-app-tutorial

Stars
125
Rank 286,335 (Top 6 %)
Language
TypeScript
License
MIT License
Created over 6 years ago
Updated almost 2 years ago

ionicthemes/ionic4-starter-app-tutorial

ionicthemes

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

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.

Ionic 4 Starter App

About this repo

This repo is the code of an Ionic 4 starter app that we created as part of a Getting started with Ionic 4 tutorial. In the following tutorial your will learn the differences between Ionic 3 and Ionic 4 and all the new concepts about Ionic 4:

Find more Ionic 4 tutorials and starter apps in https://ionicthemes.com

Install this Ionic 4 starter app

npm install

Browse Ionic 4 app

ionic serve

Demo

https://www.youtube.com/watch?v=COTmXyXg5rU

Get a premium Ionic 5 Starter App

Did you know that we recently released Ionic 5 Full Starter App? It's an ionic 5 template that you can use to jump start your Ionic app development and save yourself hundreds of hours of design and development.

It is also a PWA and has a score of 100 in lighthouse. Try it on your phone as a PWA to see the magic!

It also has lots of forms and validations examples.

ionic-wordpress-integration

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

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.

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

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.