developernaingtun / 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 :)

Build a Complete Ionic 4 Firebase App

In this ionic firebase tutorial we will show you how to create a firebase application to perform all CRUD operations in an ionic 4 application.

In this ionic example you will see how to Create, Read, Update and Delete tasks using Firebase Firestore Database.

As a bonus you will also learn how to use Firebase Storage to store images or files from your Ionic app and link them to a specific user.

You can use this FREE Ionic Firebase Starter App as a base to create your Ionic App with Firebase backend.

For the Ionic 3 code please go here.

Read the complete Build a complete Ionic App with Firebase Tutorial

Set up

run npm install to install the project dependencies. run ionic serve to run the project locally.

You will have to create your Firebase project and add the project configurations to the environment.ts file. Read the tutorial to see how to do this.

Demo

Test the live demo in https://ionic-4-firebase-crud-demo.firebaseapp.com

Screenshots

These are some screenshots of the ionic 4 example app we are going to build in this Ionic + Firebase tutorial:

Get a premium Ionic 4 Starter App

Did you know that we recently released Ionic 4 Full Starter App? It's an ionic 4 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.