# QNEKT Regtest with react-box

## Connecting react-box to regtest <a href="#connecting-react-box-to-regtest" id="connecting-react-box-to-regtest"></a>

Now that Qnekt is connected to your local regtest instance and you have a balance, we can launch react-box and connect to it via Qnekt/Web3.

In a previous section, we did [`truffle migrate --network regtest`](https://docs.qtum.site/en/part2/truffle.md#truffle-migrate) which generated some contract artifacts.

We need to copy those into the [`client/src`](https://github.com/qtumproject/react-box/tree/master/client/src) folder in [`react-box`](https://github.com/qtumproject/react-box/)

```bash
react-box> cp -a build/contracts client/src/
cd client
npm run start
```

The Dapp should open in your browser

![](https://docs.qtum.site/en/Connecting-react-box-to-regtest/qnekt-react-box-good-to-go.PNG)

Qnekt will prompt you to connect your account to the Dapp

![](https://docs.qtum.site/en/Connecting-react-box-to-regtest/qnekt-react-box-connect.PNG)

After confirming

![](https://docs.qtum.site/en/Connecting-react-box-to-regtest/qnekt-react-box-connect-confirm.PNG)

A transaction will be submitted

![](https://docs.qtum.site/en/Connecting-react-box-to-regtest/qnekt-react-box-tx.PNG)

And after being confirmed, the stored value in the smart contract will be updated from 0 to 5

![](https://docs.qtum.site/en/Connecting-react-box-to-regtest/qnekt-react-box-tx-confirmed.PNG)

Congratulations, now you have deployed a contract via truffle, connected it to Qnekt and signed a transaction.