https://github.com/joaoflf/remote-config-dashboard
A web based dashboard to manage feature toggles and config properties
https://github.com/joaoflf/remote-config-dashboard
angular feature-flags feature-toggles ngrx
Last synced: 11 months ago
JSON representation
A web based dashboard to manage feature toggles and config properties
- Host: GitHub
- URL: https://github.com/joaoflf/remote-config-dashboard
- Owner: joaoflf
- Created: 2017-03-17T15:48:19.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-05-09T14:24:49.000Z (about 9 years ago)
- Last Synced: 2024-08-09T13:17:56.135Z (almost 2 years ago)
- Topics: angular, feature-flags, feature-toggles, ngrx
- Language: TypeScript
- Size: 3.24 MB
- Stars: 14
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Remote Config Dashboard
[](https://travis-ci.org/joaoflf/remote-config-dashboard)
Angular Dashboard to manage feature toggles and remote configuration.
## About
Feature toggles are becoming a necessity for organizations that wish to release in a continuous fashion. They allow for the decoupling of technical and product releases, rapid failover recovery and if extended even cool stuff like A/B testing.
There are some great commercial options to respond to this need. However, for a simple implementation a basic service with a list of toggles and their states would suffice.
This project was born out of the necessity for such simple implementation.
It comprises of a web interface to manage feature toggles and other configurable remote properties that one might need in a web or native mobile app. This web app is meant to be plugged to an web service that would return app configuration, allow to post new configuration, etc.
It is meant to be open to be modified in order to suit different needs.
Check out a live demo [here](https://joaoflf.github.io/remote-config-dashboard/).
## App & State Management
This web app is built using Angular 4 with the [angular-cli](https://github.com/angular/angular-cli).
It also uses [ngrx](https://github.com/ngrx) to manage its state, so you can use [redux-devtools-extension](https://github.com/zalmoxisus/redux-devtools-extension) to inspect it.
The idea is for the app to manage all its state offline and when the user wishes, he can press a *publish* button to synchronize the config json with the service.
[ngrx/effects](https://github.com/ngrx/effects) used to connect to a mock api for fetching data.
A [Remote Config API](https://github.com/joaoflf/remote-config-api) is also being built to support the web app.
## Development
Run `npm start` to launch the web server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
The web app is using a mock api provided by mockable.io
## Next steps
* Sync Button
* Loading States
## Credits
In order to build this dashboard, some amazing open source projects and components were used. These include [ngrx](https://github.com/ngrx), [ClarityUI](https://vmware.github.io/clarity/) and [JSONEditor](https://github.com/josdejong/jsoneditor)