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

https://github.com/ahmnouira/user-management-app

Build a user managment web application using angular, connected to firebase firestore database and diplay user data likes in graphic using hightcharts:bar_chart:.
https://github.com/ahmnouira/user-management-app

angular angular-highcharts firebase-cli firebase-cloud-firestore firebase-firestore-database firebase-hosting firestore firestore-database graphic semantic semantic-ui user-management

Last synced: 4 months ago
JSON representation

Build a user managment web application using angular, connected to firebase firestore database and diplay user data likes in graphic using hightcharts:bar_chart:.

Awesome Lists containing this project

README

          

# user-management-app

* User Management App using Angular and [Cloud Firestore](https://firebase.google.com/docs/firestore) database.

* This app allows you to display likes in graphic using [Highcharts](https://www.highcharts.com/).

# Overview

![index](/img/index.png)

![data](/img/data.png)

### Deploy the App to Firebase Hosting

1. Build the project using `ng build --prod`.
2. Install firebase CLI `npm install -g firebase-tools`.
3. Login to your firebase acccount `firebase login`.
4. Run `firebase init` to initialize the project.

Upon the initializing the project you'll be asked a few questions like
* Firebase CLI features.
* Databse rules file.
* Public directory. `dist/` in this case `dist/user-management-app`.
* Configure as Single-Page-App: `y`.
* Overwite `index.html`: `n`.

5. `firebase deploy` to deploy the application

This application is available at: .