https://github.com/bezkoder/angular-14-firebase-crud

Angular 14 Firebase CRUD with Realtime Database - AngularFireDatabase Object and List example: create, retrieve, update, delete
https://github.com/bezkoder/angular-14-firebase-crud

angular angular-14 angular14 angularfire angularfire2 angularfirebase angularfiredatabase crud crud-app crud-application crud-operation crud-sample firebase firebase-database firebase-realtime-database

Last synced: about 1 month ago
JSON representation

Angular 14 Firebase CRUD with Realtime Database - AngularFireDatabase Object and List example: create, retrieve, update, delete

• Host: GitHub
• URL: https://github.com/bezkoder/angular-14-firebase-crud
• Owner: bezkoder
• Created: 2022-08-04T04:09:46.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-08-04T04:10:18.000Z (almost 3 years ago)
• Last Synced: 2025-03-28T10:47:42.330Z (about 2 months ago)
• Topics: angular, angular-14, angular14, angularfire, angularfire2, angularfirebase, angularfiredatabase, crud, crud-app, crud-application, crud-operation, crud-sample, firebase, firebase-database, firebase-realtime-database
• Language: TypeScript
• Homepage:
• Size: 153 KB
• Stars: 9
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Angular 14 Firebase CRUD example with Realtime DataBase | AngularFireDatabase

Build Angular 14 CRUD example with Firebase Realtime Database that uses `AngularFireDatabase` service.

- Each Tutorial has key, title, description, published status.

- We can make CRUD operations: create, retrieve, update, delete Tutorials.

![angular-14-firebase-crud](angular-14-firebase-crud.png)

For more detail, please visit:

> [Angular 14 Firebase CRUD with Realtime DataBase](https://www.bezkoder.com/angular-14-firebase-crud/)

More Practice:

> [Angular 14 Firestore CRUD example with AngularFireStore](https://www.bezkoder.com/angular-14-firestore-crud/)

> [Angular 14 Firebase Storage: File Upload/Display/Delete example](https://www.bezkoder.com/angular-14-firebase-storage/)

> [Angular 14 CRUD example with Web API](https://www.bezkoder.com/angular-14-crud-example/)

> [Angular 14 Form Validation example (Reactive Forms)](https://www.bezkoder.com/angular-14-form-validation/)

Fullstack with Node:

> [Angular + Node Express + MySQL example](https://www.bezkoder.com/angular-14-node-js-express-mysql/)

> [Angular + Node Express + PostgreSQL example](https://www.bezkoder.com/angular-14-node-js-express-postgresql/)

> [Angular + Node Express + MongoDB example](https://www.bezkoder.com/mean-stack-crud-example-angular-14/)

> [Angular + Node Express: File upload example](https://www.bezkoder.com/angular-14-node-express-file-upload/)

Fullstack with Spring Boot:

> [Angular + Spring Boot + H2 Embedded Database example](https://www.bezkoder.com/spring-boot-angular-14-crud/)

> [Angular + Spring Boot + MySQL example](https://www.bezkoder.com/spring-boot-angular-14-mysql/)

> [Angular + Spring Boot + PostgreSQL example](https://www.bezkoder.com/spring-boot-angular-14-postgresql/)

> [Angular + Spring Boot + MongoDB example](https://www.bezkoder.com/spring-boot-angular-14-mongodb/)

> [Angular + Spring Boot: File upload example](https://www.bezkoder.com/angular-14-spring-boot-file-upload/)

Fullstack with Django:

> [Angular + Django example](https://bezkoder.com/django-angular-13-crud-rest-framework/)

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.