Angular Dashboard to manage feature toggles and remote configuration.
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.
This web app is built using Angular 4 with the angular-cli. It also uses ngrx to manage its state, so you can use 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 used to connect to a mock api for fetching data.
A Remote Config API is also being built to support the web app.
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
- Sync Button
- Loading States
In order to build this dashboard, some amazing open source projects and components were used. These include ngrx, ClarityUI and JSONEditor