https://github.com/configcat-labs/feature-flags-in-angular-sample-app
How to use ConfigCat's Feature Flags in an Angular App
https://github.com/configcat-labs/feature-flags-in-angular-sample-app
angular feature-flags feature-management frontend
Last synced: 2 months ago
JSON representation
How to use ConfigCat's Feature Flags in an Angular App
- Host: GitHub
- URL: https://github.com/configcat-labs/feature-flags-in-angular-sample-app
- Owner: configcat-labs
- License: gpl-3.0
- Created: 2022-06-15T10:21:22.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2024-09-09T14:52:33.000Z (9 months ago)
- Last Synced: 2024-09-09T22:38:46.240Z (9 months ago)
- Topics: angular, feature-flags, feature-management, frontend
- Language: TypeScript
- Homepage:
- Size: 1.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-angular - @configcat-labs/feature-flags-in-angular-sample-app - Example app that uses ConfigCat. (Table of contents / Angular)
- fucking-awesome-angular - @configcat-labs/feature-flags-in-angular-sample-app - Example app that uses ConfigCat. (Table of contents / Angular)
README
# Using Feature Flags in an Angular Application
**[Read the blog post here](https://configcat.com/blog/2022/08/09/using-feature-flags-in-angular/)**
The app is a simple page that allows users to vote on a photo by assigning a number from 1 to 10. Using [ConfigCat's feature flag services](https://configcat.com/), the application uses a feature flag to enable or disable the voting feature. When disabled, a message will show that voting is disabled.
## Build & Run
### Prerequisites
- [Node.js](https://nodejs.org/en/) and [node package manager](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)
- Basic knowledge of HTML, CSS, and JavaScript
- A code editor installed - For example: [Visual Studio Code](https://code.visualstudio.com/)
### Build and Run
1. Clone this repository:
```sh
git clone [email protected]:configcat-labs/feature-flags-in-angular-sample-app.git
```
2. Open a terminal at the root of the cloned repository and install the dependencies:
```sh
npm i
```
3. Add your ConfigCat SDK and feature flag key to `src/app/app.component.ts`.
4. Launch the app in your browser with:
```sh
npm run start
```
## Learn more
Useful links to technical resources.
- [Angular Website](https://angular.dev/)
- [Learn Angular](https://angular.dev/tutorials/learn-angular)
[**ConfigCat**](https://configcat.com) also supports many other frameworks and languages. Check out the full list of supported SDKs [here](https://configcat.com/docs/sdk-reference/overview/).
You can also explore other code samples for various languages, frameworks, and topics here in the [ConfigCat labs](https://github.com/configcat-labs) on GitHub.
Keep up with ConfigCat on [X](https://x.com/configcat), [Facebook](https://www.facebook.com/configcat), [LinkedIn](https://www.linkedin.com/company/configcat/), and [GitHub](https://github.com/configcat).
## Author
[Roxana Halati](https://github.com/roxanahalati)
## Contributions
Contributions are welcome!