https://github.com/kartikmanimuthu/feature-flags-react-workshop
Feature Flags Workshop (Launch Darkly) - React App Template
https://github.com/kartikmanimuthu/feature-flags-react-workshop
feature-flags launchdarkly react
Last synced: about 2 months ago
JSON representation
Feature Flags Workshop (Launch Darkly) - React App Template
- Host: GitHub
- URL: https://github.com/kartikmanimuthu/feature-flags-react-workshop
- Owner: kartikmanimuthu
- Created: 2023-07-23T12:16:06.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2023-07-23T12:19:43.000Z (almost 3 years ago)
- Last Synced: 2025-02-26T23:16:45.671Z (over 1 year ago)
- Topics: feature-flags, launchdarkly, react
- Language: JavaScript
- Homepage:
- Size: 174 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Feature Flags Workshop - React Template
  
This repository is a template for the Feature Flags Workshop. It's a boilerplate project that leverages React to demonstrate the powerful concept of feature flags in a practical, hands-on workshop.
## 🎯 Overview
Feature flags, or feature toggles, are a software development technique that allows developers to enable or disable features in a live environment without deploying new code. This workshop guides you through implementing your first feature flag using React.
## 💾 Prerequisites
Ensure you have the following installed on your local machine:
- Node.js (v12.x or newer)
- npm (usually bundled with Node.js)
## ⚙️ Installation & Set Up
1. Clone this repository to your local machine:
```
git clone https://github.com//feature-flags-react-workshop.git
```
2. Navigate into the project directory:
```
cd feature-flags-react-workshop
```
3. Install the project dependencies:
```
npm install
```
## 🚀 Running the Application
To start the server, use the following command:
```
npm start
```
By default, the application runs on port 3000.
## 🏗️ Usage
Upon setting up the project, you can start implementing feature flags. The workshop exercises are located in the `/docs` directory. Each exercise will guide you through the process of implementing a feature flag.
## 📋 Environment Variables
This project uses environment variables for configuration. To set up, create a `.env` file in your project root and set the variables with `REACT_APP_` prefix. For example:
```
REACT_APP_FEATURE_FLAG_CLIENT_ID=ClientID
```
For sharing, you can create a `.env.example` file with only the keys. Remember not to commit `.env` file to the version control.
## ✅ Testing
To run tests, use the following command in the project root directory:
```
npm test
```
## 🤝 Contributing
Contributions, issues, and feature requests are welcome! Feel free to check the [issues page](https://github.com//feature-flags-react-workshop/issues) for any outstanding items. If you want to contribute, please follow these steps:
1. Fork this repository.
2. Create a branch: `git checkout -b `.
3. Make your changes and commit them: `git commit -m ''`
4. Push to the original branch: `git push origin /`
5. Create the pull request.
Alternatively, see the GitHub documentation on [creating a pull request](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request).
## 📄 License
This project is licensed under the MIT License - see the `LICENSE.md` file for details.
## 💬 Contact
If you have any questions, concerns, or feedback - feel free to reach out!
## 🙏 Acknowledgements
We would like to extend our sincerest gratitude to all the contributors whose efforts have made this project possible. Your contribution to open-source is greatly appreciated! Happy coding!