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

https://github.com/elvan/contact-list-app-angular-firebase

🌐 [Demo] Angular 12, Bootstrap 4.6, AngularFire, Firebase
https://github.com/elvan/contact-list-app-angular-firebase

angular angularfire bootstrap cloud-firestore example-app firebase firebase-auth firebase-firestore firestore sample-app

Last synced: 7 months ago
JSON representation

🌐 [Demo] Angular 12, Bootstrap 4.6, AngularFire, Firebase

Awesome Lists containing this project

README

          

# ContactList

![Contacts Listing](https://raw.githubusercontent.com/elvan/contact-list-app-angular-firebase/main/_screenshots/Screenshot%202023-04-15%20043228.png)
*Contacts Listing*

---

![Add New Contact](https://raw.githubusercontent.com/elvan/contact-list-app-angular-firebase/main/_screenshots/Screenshot%202023-04-15%20043242.png)
*Add New Contact*

---

![View Contact](https://raw.githubusercontent.com/elvan/contact-list-app-angular-firebase/main/_screenshots/Screenshot%202023-04-15%20043255.png)
*View Contact*

---

![Edit Contact](https://raw.githubusercontent.com/elvan/contact-list-app-angular-firebase/main/_screenshots/Screenshot%202023-04-15%20043308.png)
*Edit Contact*

---

![Deleting Contact Confirmation](https://raw.githubusercontent.com/elvan/contact-list-app-angular-firebase/main/_screenshots/Screenshot%202023-04-15%20043319.png)
*Deleting Contact Confirmation*

---

![Logging Out Confirmation](https://raw.githubusercontent.com/elvan/contact-list-app-angular-firebase/main/_screenshots/Screenshot%202023-04-15%20043338.png)
*Logging Out Confirmation*

---

![Home Page](https://raw.githubusercontent.com/elvan/contact-list-app-angular-firebase/main/_screenshots/Screenshot%202023-04-15%20043351.png)
*Home Page*

---

![Register Page](https://raw.githubusercontent.com/elvan/contact-list-app-angular-firebase/main/_screenshots/Screenshot%202023-04-15%20043407.png)
*Register Page*

---

![Login Page](https://raw.githubusercontent.com/elvan/contact-list-app-angular-firebase/main/_screenshots/Screenshot%202023-04-15%20043423.png)
*Login Page*

---

![Register Form Validation](https://raw.githubusercontent.com/elvan/contact-list-app-angular-firebase/main/_screenshots/Screenshot%202023-04-15%20043443.png)
*Register Form Validation*

---

![Login Form Validation](https://raw.githubusercontent.com/elvan/contact-list-app-angular-firebase/main/_screenshots/Screenshot%202023-04-15%20043501.png)
*Login Form Validation*

---

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.9.

## 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.