Feature Flow | Feature Flag Management Platform

🌐 Dashboard: https://featureflow.onrender.com/

📦 React SDK: https://www.npmjs.com/package/feature-flow-react-sdk

📖 What is Feature Flow?

Feature Flow is a self-hosted feature flag management system that helps developers control, test, and deploy features in their applications without needing to redeploy code.

It allows you to:
✔ Manage configurations for multiple environments
✔ Enable or disable features in real-time
✔ Safely rollout or rollback features in production
✔ Integrate easily into React applications using the provided SDK

🚀 Who should use it?

This platform is for:
✔ Developers managing feature toggles
✔ Teams requiring environment-specific configurations
✔ Organizations that want controlled rollouts and testing in production

Dashboard View

Environment Settings

Environment Details

Environment Advanced View

Project Overview

NPM REACTJS SDK

⚙️ How it works – Developer Guide

1️⃣ Access the Dashboard

Go to the dashboard:
👉 https://featureflow.onrender.com/

• Create projects and environments (like development, staging, production).
• Generate API keys for each environment.
• Add and toggle feature flags in real-time without code changes.

2️⃣ Use the React SDK

Visit the SDK page:
👉 https://www.npmjs.com/package/feature-flow-react-sdk

Install it in your project:

npm install feature-flow-react-sdk

Use it to fetch environment data easily. Example usage is detailed in the SDK documentation.

3️⃣ How to Integrate

1. Initialize the SDK in your React app.
2. Use hooks like `useFeatureFlow` to access active features.
3. Display or hide UI components based on feature flags.

🔑 Key Features

✔ Self-hosted system with MongoDB for storing configurations
✔ Plug-and-play React SDK to fetch data using API keys
✔ Secure Express.js backend to manage projects, environments, and keys
✔ React + Redux + Tailwind dashboard for managing features without redeploys

✅ Why use Feature Flow?

✔ Test features safely in production
✔ Avoid multiple code deployments
✔ Separate configurations from the codebase
✔ Roll out changes gradually or instantly

📦 Example Use Cases

• Gradual rollout of features
• A/B testing for different UI elements
• Debugging only accessible to developers
• Emergency disabling of faulty features

🛠 Getting Started

1. Clone the repository:

git clone https://github.com/chetannn-github/feature-flow.git
cd feature-flow

2. Install dependencies:

npm install

3. Run the development server:

npm start

4. Open the dashboard at https://featureflow.onrender.com/ to configure your project.

Empower your development process with smarter feature management using Feature Flow! 🚀