bezkoder / angular-16-firestore-crud

Angular 16 Firestore CRUD example - Firebase Firestore get/update/delete documents in collection using Angular firestore library AngularFire

Angular 16 Firestore CRUD example with AngularFireStore

Build Angular 16 CRUD example with Firebase Firestore that uses AngularFireStore service.

• Each Tutorial has key, title, description, published status.
• We can make CRUD operations: create, retrieve, update, delete Tutorials.

For more detail, please visit:

Angular 16 Firestore CRUD example with AngularFireStore

Angular 16 Firebase CRUD with Realtime DataBase

Angular 16 Firebase Storage: File Upload/Display/Delete example

More Practice

Angular 16 example: CRUD with Rest API

Angular 16 Form Validation example

Angular 16 JWT Authentication & Authorization with Web API

Fullstack with Node:

Angular 16 + Node Express + MySQL example

Angular 16 + Node Express + PostgreSQL example

Angular 16 + Node Express + MongoDB example

Angular 16 + Node Express: File upload example

Fullstack with Spring Boot:

Angular 16 + Spring Boot example

Angular 16 + Spring Boot + MySQL example

Angular 16 + Spring Boot + PostgreSQL example

Angular 16 + Spring Boot + MongoDB example

Angular 16 + Spring Boot: File upload example

Fullstack with Django:

Angular + Django example

Angular + Django + MySQL

Angular + Django + PostgreSQL

Angular + Django + MongoDB

angular-16-firestore-crud's Issues

angular 16 Interface DocumentSnapshotExists<T> incorrectly extends interface DocumentSnapshot<DocumentData>

I am facing angular firebase issue. My package.json
"dependencies": {
"@angular/animations": "^16.2.0",
"@angular/common": "^16.2.0",
"@angular/compiler": "^16.2.0",
"@angular/core": "^16.2.0",
"@angular/fire": "^7.6.1",
"@angular/forms": "^16.2.0",
"@angular/platform-browser": "^16.2.0",
"@angular/platform-browser-dynamic": "^16.2.0",
"@angular/router": "^16.2.0",
"firebase": "9.22.1",
"jest-editor-support": "*",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.13.0"
},
"devDependencies": {
"@angular-devkit/build-angular": "^16.2.3",
"@angular/cli": "~16.2.3",
"@angular/compiler-cli": "^16.2.0",
"@types/jasmine": "~4.3.0",
"jasmine-core": "~4.6.0",
"karma": "~6.4.0",
"karma-chrome-launcher": "~3.2.0",
"karma-coverage": "~2.2.0",
"karma-jasmine": "~5.1.0",
"karma-jasmine-html-reporter": "~2.1.0",
"typescript": "5.1.3"
}

Please help