This repository contains a sample application consisting of a React frontend and Flask backend. The Flask backend simulates a call to an API (using httbin in a Docker container) and there are ways to emulate different response codes or delays. The app reports Sentry Errors, Traces and Metrics.

1. Download and install Python >= 3 if you haven't already.
2. Download and install a recent Node.js version if you haven't already.
3. Download and install Docker Desktop if you haven't already.
4. Clone the repository and open it in Visual Studio Code.
5. Install the Python Language Support extension in Visual Studio Code.
6. Go to "View -> Command Palette" ans search for "Python: Create Environment".
7. Select ".venv" and follow the instructions

• select a Python interpreter from the list
• confirm to let all extensions to be installed.

7. Rename .env-sample to .env.
8. Create a Sentry project for React and for Flask and enter their DSNs into their respective properties in .env.
9. Open a separate terminal run

• cd backend
• pip install -r ./requirements.txt

11. Open a terminal in Visual Studio Code and run

• cd frontend
• npm install
• npm start

12. In another separate terminal, type ./start-third-party.sh.

This should open the browser at http://127.0.0.1:3000.

Open backend/app.py - at around line 30 you find the call to the third party service. The inline comments contain examples how to simulate different problems, like delays or an error 500.