| Name | Age | City | |
|---|---|---|---|
| John Doe | 28 | john@example.com | New York |
| Jane Smith | 32 | jane@example.com | London |
{{message}}
{{body}}
Last updated: ${new Date().toLocaleString()}
Waiting for a response…``` *** ### Login form with token display Useful for any `POST /login` or `POST /auth/token` endpoint. Displays the status code and extracted token after a successful login. > Your request body should reference `{{email}}` and `{{password}}`. ```html theme={null} ``` *** ### Display test and assertion results Shows a live summary of which tests and assertions passed or failed for the most recent response. ```html theme={null}
Click the button to start.``` *** ### E-commerce customer dashboard Loads a customer record, their orders, and product recommendations in parallel, then renders everything in one view. > Assumes requests named `Get Customer`, `Get Orders`, and `Get Recommendations`, each accepting a `{{customerId}}` runtime variable. ```html theme={null} ``` *** ## Using external libraries Apps run outside Bruno's CSP so any CDN library works. Pin versions for stability. ### Chart.js response visualiser Renders a bar chart from a JSON array response (e.g. `[{ label: "A", value: 10 }, …]`). ```html theme={null} ``` *** ### React App JSX is transpiled in-browser via `@babel/standalone`. Pin to `@7` (the newer automatic JSX runtime emits `import` statements that inline `text/babel` scripts cannot handle). ```html theme={null} ``` # Overview Source: https://docs.usebruno.com/apps/overview