---
title: Lab part 1: Set up your lab environment
source: https://docs.newrelic.com/docs/browser/new-relic-browser/lab/set-up-env
---

> #### 💡 LAB
>
> This procedure is part of a lab that teaches you how to troubleshoot your web app with New Relic browser. If you haven't already, check out the [lab introduction](https://docs.newrelic.com/docs/browser/new-relic-browser/lab/over-view/).

Before you can walk through the lab proper, you need to spin up your React application. Here, you:

-   Spin up your React application
-   Send traffic to your app with a simple load generator

1.  Open a terminal window and clone the lab repository.
    ````bash
    git clone https://github.com/newrelic-experimental/relicstaurants.git
    ```

    ````
2.  Navigate to the root directory of your application and switch to the lab directory.
    ````bash
    cd relicstaurants
    git switch browser-pro-lab-material
    ```

    ````
3.  Next, install dependencies, and run the application.
    ````bash
    npm install
    npm run build
    npm run newstart
    ```

    This opens your Relicstaurants application in your browser.

    <img
      title="Relicstraunts homepage"
      alt="Relicstraunts homepage"
      src="/images/browser-lab-screenshot-homepage.webp"
    />

    Enter your delivery address, and search for restaurants to get started.

    <img
      title="Nearby restaurant list"
      alt="Nearby restaurant list"
      src="/images/browser-lab-screenshot-restaurant-list.webp"
    />

    Here, you see a list of restaurants where you can order food.

    ````
4.  Choose a restaurant.
    ![Choose a restaurant](https://docs.newrelic.com/images/browser-lab-screenshot-choose-restaurant.webp "Choose a restaurant")
5.  Select an item or two and click on cart.
    ![select food](https://docs.newrelic.com/images/browser-lab-screenshot-select-food.webp "select food")
6.  Click **PAY**.
    ![checkout](https://docs.newrelic.com/images/browser-lab-screenshot-checkout.webp "checkout")
7.  Enter the following fake card information and click **Finish payment** to place your order.
    ![place order with fake card](https://docs.newrelic.com/images/browser-lab-screenshot-place-order.webp "place order with fake card")
    Your order is successfully placed.
    ![Purchase completed](https://docs.newrelic.com/images/browser-lab-screenshot-thank-you.webp "Purchase completed")
    Next, you use a simulator to generate more traffic to your application.
8.  In another terminal window, navigate to the root directory of your application, and run the load generator.
    ````bash
    # Navigate to the root directiory of your simulator
    cd relicstaurants/simulator
    # Switch to lab branch
    git switch browser-pro-lab-material
    [output]
    # Install the simulator's dependencies
    pip3 install -r requirements.txt
    [output]
    # Run the simulator
    python3 simulator.py
    [output] ====== WebDriver manager ======
    [output] Current google-chrome version is 99.0.4844
    [output] Get LATEST chromedriver version for 99.0.4844 google-chrome
    ```

    <Callout variant="important">
      This load generator assumes you have Google Chrome installed on your computer. If you're using a different browser, either skip this step and generate traffic manually, or [install Google Chrome](https://www.google.com/chrome/downloads/).
    </Callout>

    ````

Now, that you know how to run your application, it's time to instrument it. In the terminal windows that are running your application and simulator, press `<CTRL-C>` to shut them down. With your app shut down, you'll be able to update your code to introduce monitoring tools.

> #### 💡 LAB
>
> This procedure is part of a lab that teaches you how to troubleshoot your web app with New Relic browser. Now that you've set up your environment, [instrument your application with browser agent](https://docs.newrelic.com/docs/browser/new-relic-browser/lab/install-browser-agent/).