Show your trading results on your website

import express from 'express'

const app = express()
const KEY = process.env.SHOWMYTRADES_KEY // smt_live_...
const SLUG = 'YOUR-ACCOUNT-SLUG'

let cache = { at: 0, body: null }

app.get('/trading-results.json', async (req, res) => {
  // Statistics change when a trade closes: refreshing every 5 minutes is plenty.
  if (Date.now() - cache.at > 5 * 60 * 1000) {
    const r = await fetch(
      `https://showmytrades.com/api/v1/accounts/${SLUG}?include=equity_curve`,
      { headers: { Authorization: `Bearer ${KEY}` } }
    )
    if (!r.ok) return res.status(502).json({ error: 'upstream' })

    const account = await r.json()
    cache = {
      at: Date.now(),
      body: {
        name: account.name,
        twr_percent: account.performance.twr_percent,
        max_drawdown_percent: account.performance.max_drawdown_percent,
        days: (account.equity_curve?.daily_performance ?? []).map(d => ({
          date: d.date,
          twr_percent: d.twr_percent
        })),
        attribution: account.attribution
      }
    }
  }
  res.json(cache.body)
})

app.listen(3000)

<canvas id="growth"></canvas>
<p id="credit"></p>

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
  fetch('/trading-results.json')
    .then(r => r.json())
    .then((data) => {
      new Chart(document.getElementById('growth'), {
        type: 'line',
        data: {
          labels: data.days.map(d => d.date),
          datasets: [{ label: 'Growth %', data: data.days.map(d => d.twr_percent) }]
        }
      })

      // The credit: text and link come ready in the response.
      const a = document.createElement('a')
      a.href = data.attribution.url
      a.textContent = data.attribution.text
      document.getElementById('credit').append(a)
    })
</script>