> For the complete documentation index, see [llms.txt](https://developer.harness.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://developer.harness.io/feature-management-experimentation/new-to-fme/sdks-and-customer-deployed-components/examples/nodejs-project.md).

# Develop a Node.js project with React Redux using the FME JavaScript SDK

### Overview <a href="#overview" id="overview"></a>

This example demonstrates how to integrate the Harness Feature Management Experimentation (FME) JavaScript SDK within a Node.js project that uses React and Redux. The sample project illustrates how to configure the SDK to manage feature flags, evaluate features, and respond to flag changes in a React Redux environment.

Whether you’re building a new app or adding feature flagging capabilities to an existing React Redux project, this example provides a straightforward starting point. It covers setup, configuration, and usage patterns to help platform and release engineering teams speed up development and enforce governance using Harness FME.

### Environment <a href="#environment" id="environment"></a>

* React 16.4.2
* Redux 4.0.0
* React-Redux 5.0.7
* Node.js (npm) 5.6.0

### Getting Started <a href="#getting-started" id="getting-started"></a>

{% hint style="danger" %}
This project uses React and Redux to manage application state, incorporating feature flag evaluations into the Redux store for consistent state management across components.

Make sure your authorization key and client keys are securely managed and not exposed publicly.
{% endhint %}

#### 1. Install Dependencies <a href="#id-1-install-dependencies" id="id-1-install-dependencies"></a>

1. Run the following command to install the necessary dependencies: `npm install`.

#### 2. Configure the SDK <a href="#id-2-configure-the-sdk" id="id-2-configure-the-sdk"></a>

1. Open the `./src/Split.js` file.
2. Replace the placeholders for the authorization key, client keys, and traffic types with your Harness FME environment details.

#### 3. Define Features <a href="#id-3-define-features" id="id-3-define-features"></a>

1. Open the `./src/constants/features.js` file.
2. List the feature flags you want your application to evaluate and manage.

#### 4. Start the Application <a href="#id-4-start-the-application" id="id-4-start-the-application"></a>

1. Run this command to launch the app locally: `npm start`.
2. The application will be accessible at <http://localhost:4200/>.

For advanced usage and configuration options, refer to the FME [JavaScript SDK documentation](/feature-management-experimentation/new-to-fme/sdks-and-customer-deployed-components/client-side-sdks/client-side-standard-sdks/javascript-sdk.md).