Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ionicthemes/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 :)
https://github.com/ionicthemes/ionic-firebase-starter-app

firebase firebase-database firebase-firestore firebase-storage firebase-tutorial ionic ionic-4 ionic-firebase ionic-firebase-tutorial ionic-framework ionic-starter ionic-tutorial ionic3 ionicframework

Last synced: 2 months ago
JSON representation

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

Awesome Lists containing this project

README

        

## Build a Complete Ionic 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 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)

### 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](https://ionicthemes.com/tutorials/about/building-a-ionic-firebase-app-step-by-step).

### Demo
[Test the live demo](https://ionic-4-firebase-crud-demo.firebaseapp.com)

### Screenshots
These are some screenshots of the ionic example app we are going to build in this Ionic Firebase Tutorial:








### Get a premium Ionic Starter App
Did you know that we recently released [Ionic Full Starter App](https://ionicthemes.com/product/ionic5-full-starter-app-pro-version)? 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.
This template includes a complete integration with Firebase. [Check it out!](https://ionicthemes.com/product/ionic5-full-starter-app-pro-version/live-preview)