Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tpps88206/michael-angular-firestore-example
The example website with Angular 7 and Cloud Firestore and ngx-admin
https://github.com/tpps88206/michael-angular-firestore-example
angualr4 angualr6 angular angular2 angular5 angular7 cloud-firestore cloud-firestore-database firebase firestore nebula-css nebular ngx-admin
Last synced: about 2 months ago
JSON representation
The example website with Angular 7 and Cloud Firestore and ngx-admin
- Host: GitHub
- URL: https://github.com/tpps88206/michael-angular-firestore-example
- Owner: tpps88206
- Created: 2019-03-27T11:43:33.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T04:12:08.000Z (about 2 years ago)
- Last Synced: 2023-03-07T11:47:38.138Z (almost 2 years ago)
- Topics: angualr4, angualr6, angular, angular2, angular5, angular7, cloud-firestore, cloud-firestore-database, firebase, firestore, nebula-css, nebular, ngx-admin
- Language: TypeScript
- Homepage:
- Size: 3.94 MB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 27
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular Firestore Example
This is the example website of an accounting book with Angular 7 and Cloud Firestore. You can learn Angular and Firestore with this porject and build a simple website.
## Install
* Clone the repo with `git clone https://github.com/tpps88206/angular-firestore-example.git`.
* Create your own Firebase porject [here](https://firebase.google.com/).
* Copy your Firebase key and paste it at `src/environments/environment.ts` and `src/environments/environment.prod.ts`.
* Then use `ng serve` start your local project.
* Enjoy.## Reference
[Angular 7](https://angular.io/)
[Cloud Firestore](https://firebase.google.com/docs/firestore/)
[AngularFire](https://github.com/angular/angularfire2#readme)
[Semantic UI](https://semantic-ui.com/)
[Font Awesome](https://fontawesome.com/)
[Animate.css](https://github.com/daneden/animate.css)