Mriya Playground

Live demos · real backend

Working Software, Not Screenshots

Every demo is a real frontend, API and database running right now. Filter the data, switch on event streams, start workflows and see how we build products.

Explore the DemosDiscuss a Project
demos already live
4/4
events per second at the WebSocket stream’s peak
1,500
exchanges with live BTC/USDT prices
2
nodes in the workflow graph
17

Four Demos, Four Engineering Problems

The data is synthetic and always labelled. The code, API and infrastructure are real.

01Live

Analytics Dashboard

KPI cards, charts and a bounded data table over a synthetic e-commerce dataset, served and filtered by the backend.

What it proves

  • Filtering and aggregation on the server, not in the browser
  • Fast canvas charts that stay smooth on large data
  • A dashboard you can rearrange by dragging
  • uPlot
  • @hello-pangea/dnd
  • TanStack Query
  • NestJS
  • Zod
Open demo
02Live

Real-time Monitor

A genuine WebSocket stream of generated store events and live BTC/USDT prices from Binance and Bybit, with connection state, bounded history and reconnection.

What it proves

  • A stream of up to 1,500 events per second with bounded history
  • Live Binance and Bybit prices on one chart
  • Connection state and automatic reconnection
  • ws (WebSocket)
  • uPlot
  • NestJS
  • Zod
Open demo
03Live

Workflow Explorer

A server-executed workflow graph: parallel branches, conditional routing, merges, automatic retries and a guarded manual retry, drawn live as a diagram.

What it proves

  • Parallel branches, conditions and merges executed by the server
  • Automatic retries and a guarded manual retry
  • A live diagram that shows every step of a run
  • React Flow
  • TanStack Query
  • NestJS
  • node-postgres (pg)
  • Zod
Open demo
04Live

AI Search Lab

Seven requests in seven languages go step by step through a model-backed search pipeline, from the input guard to SQL. A simulation: no model is called, while validation, guardrails and the data query run live.

What it proves

  • A production-style pipeline, from input guard to SQL
  • Seven languages, plus ambiguous and unsupported requests
  • Simulated steps are clearly separated from live ones
  • NestJS
  • Zod
  • TanStack Query
Open demo

How to Check Our Work

  1. 01

    Open a Demo

    Change filters, start streams and workflows — everything talks to a real API, not a mock-up.

  2. 02

    Look Inside the Developer Console

    At the bottom of every page you see the real requests and events the demo makes, with credentials and personal data redacted.

  3. 03

    Read the Architecture

    Decisions, trade-offs and the monorepo layout — explained the way we would explain them to your team.

Need Something Like This for Your Product?

Tell us about the problem: a dashboard, real-time data, complex workflows or search. We will show how we would approach it, using these demos as the starting point.

Discuss a ProjectHow It’s Built

All demo data is synthetic and labelled as such. There are no real customers or orders here.