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] (https://github.com/ionicthemes/ionic-firebase-starter-app/tree/master/ionic-3).
[Read the complete Build a complete Ionic App with Firebase Tutorial] (https://ionicthemes.com/tutorials/about/building-a-ionic-firebase-app-step-by-step)
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.
Test the live demo in https://ionic-4-firebase-crud-demo.firebaseapp.com
These are some screenshots of the ionic 4 example app we are going to build in this Ionic + Firebase tutorial:
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.