• Log inStart now

Set up your lab environment

5 min


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.

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
Step 1 of 8

Open a terminal window and clone the lab repository.

git clone https://github.com/newrelic-experimental/relicstaurants.git
Step 2 of 8

Navigate to the root directory of your application and switch to the lab directory.

cd relicstaurants
git switch browser-pro-lab-material
Step 3 of 8

Next, install dependencies, and run the application.

npm install
npm run build
npm run newstart

This opens your Reliqstaurants application in your browser.

Reliqstaurants homepage

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

nearby restaurant list

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

Step 4 of 8

Choose a restaurant.

choose a restaurant

Step 5 of 8

Select an item or two and click on cart.

select food

Step 6 of 8

Click PAY.


Step 7 of 8

Enter the following fake card information and click Finish payment to place your order.

fake card

Your order is successfully placed.


Next, you use a simulator to generate more traffic to your application.

Step 8 of 8

In another terminal window, navigate to the root directory of your application, and run the load generator.

# Navigate to the root directiory of your simulator
cd relicstaurants/simulator
# Switch to lab branch
git switch browser-pro-lab-material
# Install the simulator's dependencies
pip3 install -r requirements.txt
# Run the simulator
python3 simulator.py
====== WebDriver manager ======
Current google-chrome version is 99.0.4844
Get LATEST chromedriver version for 99.0.4844 google-chrome


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.

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.


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.

Copyright © 2023 New Relic Inc.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.