# 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 four infrastructure domains the studio specialises in 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.
- [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.

## 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): free tool that composes original AI coding rules for Cursor (`.cursor/rules/*.mdc`), GitHub Copilot (`copilot-instructions.md`), Claude Code (`CLAUDE.md`) and Windsurf (`.windsurfrules`). Catalogue of 126 rules in six categories — AI collaboration and agent safety, frontend (React 19, TypeScript, styling, i18n/SEO, web performance), backend and data (Express, Postgres/Timescale, realtime, queues, LLM integration, Python), domain systems (energy, EV charging, video, IoT, CRM/ERP/CMS, operator dashboards), quality (testing, code health, security, docs) and delivery (Docker/CI, Git, operations). Six quick-start presets, search, dependency-based auto-selection from an uploaded `package.json` or `requirements.txt`, shareable URL state, markdown preview and download. Also includes a UI prompt library for vibe coding: 92 layout prompts in 15 categories (auth, pricing, hero, features, navigation, dashboards, onboarding, footers, FAQ and more) with wireframe sketches, ready to paste into Cursor, v0, Lovable or Bolt or export as `.mdc` files.
- [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