• App created using the Ionic 5 framework, using a firebase cloud database to store to-do data.
• All CRUD operations can be carried out using the Ionic UI.
• Note: to open web links in a new window use: ctrl+click on link

• General info
• Screenshots
• Technologies
• Setup
• Features
• Status
• Inspiration
• Contact

• Note: Angular imports for Firestore are now from '@angular/fire/firestore'.
• Todos are passed to/from the firestore database as observables.

• Ionic/angular v5
• Ionic v5
• Angular v12
• Firebase cloudstore v8

• Add firebase access credentials in environment.ts
• To start the server on localhost://8100 type: 'ionic serve'

• It was necessary to clear the setting for the firestore timestampsInSnapshots in app.module.ts - see below.

import { AngularFirestoreModule, FirestoreSettingsToken } from '@angular/fire/firestore'; @NgModule({ declarations: [AppComponent], imports: [ ... AngularFirestoreModule, ... ], providers: [{ provide: FirestoreSettingsToken, useValue: {} }], bootstrap: [AppComponent] }) export class AppModule { }

CRUD operations:

• Create: Click '+' to create a to-do item.
• Read: Line items are displayed on the home page.
• Update: Click on item line to edit.
• Delete: swipe left and a coloured 'DONE' button appears on the right.

• Status: Working. Updated june 2021.
• To-do: Add more detail/styling to front page.

• Project inspired by Simon Grimm´s Youtube video 'How to Create a Simple Ionic 4 App with Firebase and AngularFire'

• This project is licensed under the terms of the MIT license.

• Repo created by ABateman, email: gomezbateman@yahoo.com