• Next.js
  • TypeScript
  • Tailwind
  • D3.js
  • MongoDB
  • Cypress

Context management: useContext

    @pages/api/:

  • pairs_data:

    The line graph makes a fetch call to this endpoint, here the data is fetched from the server to avoid CORS errors

  • feedbacks:

    The anonymous feedback in the footer makes a post request to this endpoint, here the feedback is saved into a mongoDB and an SMS alert is sent to my phone with Twilio

  • testAPI:

    These endpoints return mock-data that is used for developement environment and testing with Cypress

@/components/AverageTicketValue

Average price between 3 different APIs

BTC/USD

Average Ticket Value

109158.87

@/components/BiggestMoversChart

Biggest Movers 24H / %

WEN/USDWEN/EURJUP/EUR-11.81-10.57-6.97

@/components/ButtonsContainer

@/components/PairValues

from bitstampData API, values displayed in children components

BitStamp Ticket Values: 04/07/2025, 11:29:33

BTC/USD: 109134 (-0.5)

108585

Day's Range

110557

open

109647

volume

819.82598237

vwap

109540

bid

109133

ask

109134

side

0

open_24

109680

market_type

SPOT

market

BTC/USD

@/components/LineGraph

Serverless function @pages/api/pairs_data/[pair]

Graph updates every 10s

:33.100.200.300.400.500.600.700.800.900:34109,134109134