# Control Center

{% hint style="warning" %}
This setup is meant for development. If you want a quick trial of Hyperswitch (without contributing), use [this guide](https://docs.hyperswitch.io/hyperswitch-open-source/overview/unified-local-setup-using-docker).
{% endhint %}

### Prerequisites

1. Node.js and npm installed on your machine.

### Installation Steps

Follow these simple steps to set up Hyperswitch on your local machine.

1.  Clone the repository:

    ```
    git clone https://github.com/juspay/hyperswitch-control-center.git
    ```
2.  Navigate to the project directory:

    ```
     cd hyperswitch-control-center
    ```
3.  Install project dependencies:

    ```
    npm install
    ```
4.  Start the ReScript compiler:

    ```
    npm run re:start
    ```
5.  In another terminal window, start the backend server, and SDK:

    ```
    git clone --depth 1 --branch latest https://github.com/juspay/hyperswitch
    cd hyperswitch
    docker compose up -d --scale hyperswitch-control-center=0
    ```
6.  Update the config.toml file

    ```
    api_url = your-backend-url #e.g: http://localhost:8080
    sdk_url = your-sdk-url  #e.g: http://localhost:9050/HyperLoader.js
    ```
7.  In another terminal window, start the development server:

    <pre><code><strong>npm run start
    </strong></code></pre>

### Accessing the Application

Once the containers are up and running, you can access the application by navigating to [http://localhost:9000](http://localhost:9000/) in your web browser.

