Mriya Playground
Інженерне портфоліо

Дивіться, як ми будуємо, а не лише що обіцяємо

Кожне демо тут працює з реальним бекендом. Дані синтетичні, інженерія — ні. Відкрийте консоль розробника внизу сторінки, щоб побачити запити й події, які створює демо.

Стан платформи

Перевіряємо API…

Демо

01Працює

Аналітичний дашборд

KPI-картки, графіки й обмежена таблиця даних на синтетичному e-commerce датасеті, який віддає та фільтрує бекенд.

Що це доводить

  • Фільтрація й агрегація на сервері, а не в браузері
  • Швидкі canvas-графіки, що не гальмують на великих даних
  • Дашборд, який можна перекомпонувати перетягуванням
  • uPlot
  • @hello-pangea/dnd
  • TanStack Query
  • NestJS
  • Zod
02Працює

Монітор реального часу

Справжній WebSocket-потік згенерованих подій магазину та живих цін BTC/USDT з Binance і Bybit: стан зʼєднання, обмежена історія та перепідключення.

Що це доводить

  • Потік до 1 500 подій за секунду з обмеженою історією
  • Живі ціни Binance і Bybit на одному графіку
  • Стан зʼєднання та автоматичне перепідключення
  • ws (WebSocket)
  • uPlot
  • NestJS
  • Zod
03Працює

Дослідник процесів

Граф workflow, який виконує сервер: паралельні гілки, умовна маршрутизація, злиття, автоматичні повтори й захищений ручний повтор — у живій схемі.

Що це доводить

  • Паралельні гілки, умови та злиття виконує сервер
  • Автоматичні повтори й захищений ручний повтор
  • Жива схема, що показує кожен крок прогону
  • React Flow
  • TanStack Query
  • NestJS
  • node-postgres (pg)
  • Zod
04Працює

Лабораторія AI-пошуку

Сім запитів сімома мовами крок за кроком проходять конвеєр пошуку з AI-моделлю — від перевірки вводу до SQL. Це симуляція: модель не викликається, а валідація, guardrails і запит до даних працюють наживо.

Що це доводить

  • Конвеєр, як у продакшені: від захисту вводу до SQL
  • Сім мов, неоднозначні й непідтримувані запити
  • Змодельовані кроки чесно відділені від живих
  • NestJS
  • Zod
  • TanStack Query