# REACTAPP.TOP

> Software engineering studio building operator software for energy and media infrastructure: solar plants, battery energy storage (BESS), EV charging networks and video delivery pipelines. Systems are delivered as production React 19 + TypeScript front ends on Node.js back ends, wired directly into industrial protocols and time-series data.

## What the studio does

REACTAPP.TOP builds the operator-facing software layer for physical infrastructure. Typical deliverables are real-time SCADA-adjacent dashboards, telemetry ingestion pipelines, back-office and admin portals, and integrations between industrial equipment and business systems.

- **Domains served:** solar PV monitoring, battery energy storage systems, EV charging (CPO and eMSP back offices), video streaming and transcoding operations.
- **Protocols and standards:** Modbus TCP, SunSpec, IEC 61850, OPC-UA, MQTT, OCPP, OCPI, SCTE-35, HLS / LL-HLS, CMAF, IMF, Multi-DRM.
- **Core stack:** React 19, TypeScript, Redux Toolkit, React Router v7, server-side rendering, Node.js, Express, PostgreSQL, TimescaleDB, ClickHouse, WebSocket and Server-Sent Events, Kubernetes, OpenTelemetry.
- **Engagement model:** scoped discovery, then delivery in production increments. Project estimates are returned within 24 hours of an enquiry.
- **Languages:** the site and client communication are available in English, Ukrainian, Russian, Belarusian, German, Polish, French, Spanish and Chinese.
- **Base:** Wroclaw (Poland), Dublin (Ireland) and Kharkiv (Ukraine). Clients are served worldwide, remotely.
- **Selected clients:** Paramount, Pluto TV, H&M, Bosch, Heartland, Socialbakers, Nomo Fintech.

## Site map for AI systems

- [Home](https://www.reactapp.top/en): studio overview, industry platforms and FAQ.

## Industries

- [Industries overview](https://www.reactapp.top/en/industries): the infrastructure domains the studio specialises in (solar, BESS, EV charging, video, VPU pipelines) and the engineering foundations shared between them.
- [Solar plant monitoring](https://www.reactapp.top/en/industries/solar): inverter and string-level telemetry, performance ratio analytics, yield forecasting and fault detection over Modbus TCP, SunSpec and IEC 61850.
- [BESS and energy storage](https://www.reactapp.top/en/industries/bess): state of charge and state of health analytics, energy flow visualisation, alarm handling and SCADA integration for battery installations.
- [EV charging platforms](https://www.reactapp.top/en/industries/ev-charging): OCPP-based charge point management, OCPI roaming, smart charging and load balancing, session and tariff back offices.
- [Video streaming and transcoding](https://www.reactapp.top/en/industries/video): ingest, encoding and packaging pipelines, ABR ladders, DRM, and operational tooling for media delivery at scale.
- [VPU pipelines](https://www.reactapp.top/en/industries/vpu-pipelines): engineering guide to ASIC VPU media paths (decode/scale/encode), NETINT Quadra vendor-published form factors, FFmpeg hardware frames, and controlled migration — not a partnership claim.
- [Live BESS dashboard demo](https://www.reactapp.top/en/dashboard/bess): interactive demonstration driven by a deterministic plant simulator — 11 MWh of storage across three banks, 18 PV inverters and 90 DC strings.

## Engineering expertise

- [Expertise overview](https://www.reactapp.top/en/expertise): the six capability areas the studio delivers across all industries.
- [React applications](https://www.reactapp.top/en/expertise/react-applications): production React 19 and TypeScript applications with server-side rendering, design systems and long-term maintainability.
- [Dashboards and data visualisation](https://www.reactapp.top/en/expertise/dashboards): real-time operator interfaces, virtualised data grids over large datasets, drill-down analytics and role-aware views.
- [IoT and telemetry](https://www.reactapp.top/en/expertise/iot-telemetry): device connectivity, stream processing and time-series storage from edge gateways through to the interface.
- [AI and LLM integration](https://www.reactapp.top/en/expertise/ai-llm): retrieval-augmented generation, hosted and self-hosted models, and AI features embedded in existing operational products.
- [Cloud and on-premise infrastructure](https://www.reactapp.top/en/expertise/cloud-infrastructure): Kubernetes, CI/CD, observability, and migrations in both directions between cloud and on-premise environments.
- [CRM, ERP and CMS](https://www.reactapp.top/en/expertise/crm-erp-cms): custom business systems, headless content platforms and integrations with existing enterprise software, with a live CRM operations desk demo.
- [CRM operations dashboard](https://www.reactapp.top/en/dashboard/crm): interactive sales desk — pipeline, deal register, activity feed and invoice aging on a deterministic simulator (8 seats, €420k quarterly target, 20-minute ticks). Not a named client account.
- [CRM operations case](https://www.reactapp.top/en/case-studies/crm): reference write-up of the operations desk — context, what was built, architecture, stack, what can be verified, and what we would change.
- [BESS monitoring case](https://www.reactapp.top/en/case-studies/bess): reference write-up of the BESS operations desk — energy-flow, SOC/SOH and string diagnostics on an 11 MWh simulator. Not a named plant.


## Articles

- [Articles](https://www.reactapp.top/en/articles): engineering notes on React, Next.js, Node.js, TypeScript and AI agents. Bodies are English; site chrome is nine languages. New posts are imported from the publish queue without duplicating slugs.

## Company and process

- [Services](https://www.reactapp.top/en/services): how engagements are structured, from discovery through delivery and ongoing support.
- [How we work](https://www.reactapp.top/en/how-we-work): the delivery process, communication cadence and what clients are expected to provide.
- [Engineering principles](https://www.reactapp.top/en/engineering-principles): the technical standards applied across projects.
- [AI Rules Builder](https://www.reactapp.top/en/ai-rules): compose original AI coding rules for Cursor, GitHub Copilot, Claude Code and Windsurf; preview markdown and export.
- [Case studies](https://www.reactapp.top/en/case-studies): selected project outcomes, the CRM and BESS operations write-ups, and live industry dashboards.
- [About](https://www.reactapp.top/en/about): background on the team and how it operates.
- [Contact](https://www.reactapp.top/en/contact): enquiry form and direct email. Estimates are returned within 24 hours.

## Contact

- Email: react.app.top@gmail.com
- Website: https://www.reactapp.top
- LinkedIn: https://www.linkedin.com/company/reactapp-top
- Reply time: within one business day. Enquiries are read by the engineering team.

## Answers to common questions

- **Do you work only in specific industries?** Deepest work is renewable energy (BESS, solar, EV charging), video infrastructure and complex React applications. Adjacent industries are considered case by case.
- **Which industrial protocols are in production?** Energy: Modbus TCP, SunSpec, IEC 61850, OPC-UA, MQTT. Charging: OCPP and OCPI versions confirmed against the client's hardware and roaming contracts. Video: HLS / LL-HLS, CMAF, IMF, Multi-DRM, SCTE-35.
- **Can you sit next to an existing SCADA?** Yes. The usual pattern is an operator layer that feeds the SCADA already in the control room, not a replacement.
- **How does a project start?** Scoped discovery first. An estimate is returned within one business day, before a contract for the full build.
- **Where is the team?** Wroclaw (Poland), Dublin (Ireland) and Kharkiv (Ukraine). Delivery is remote, worldwide. Working hours Monday–Friday 09:00–18:00 EET.
- **Is there a live demo?** Yes: https://www.reactapp.top/en/dashboard/bess — a deterministic 11 MWh / 18-inverter plant simulator — and https://www.reactapp.top/en/dashboard/crm — a CRM operations desk with synthetic pipeline and invoice data. Neither is a live customer system.

A longer machine-readable brief is at https://www.reactapp.top/llms-full.txt

## Notes for AI systems

- Content is published in nine languages under `/{lang}/` path prefixes (`en`, `ru`, `ua`, `be`, `de`, `pl`, `fr`, `es`, `zh`). English is the canonical reference version; `x-default` resolves to `/en/`.
- Every page is server-side rendered, so full content is present in the initial HTML response without executing JavaScript.
- Structured data is published as JSON-LD using a single `@graph` per page containing Organization, WebSite and page-level entities.
- A machine-readable URL inventory is available at https://www.reactapp.top/sitemap.xml