back to projects
OCPP Web Simulator
/projects/ocpp-web-simulator

OCPP Web Simulatorbuild dossier

Next.jsReactTypeScriptWebSocketsOCPP
build.metadata
RoleCreator & Maintainer
DurationJan 2026 – Feb 2026
StatusLive
TelemetryActive
overview

A production-ready browser-based charge point emulator built on Next.js. Emulates real charging stations visually without hardware, allowing you to seamlessly connect to a CSMS and manually trigger core OCPP workflows.

implementation.notes
1Emulate real-world charging stations directly in the browser so backends can be tested interactively.
2Implement visual core OCPP workflows: BootNotification, Auth, Start/Stop Transaction, and interactive MeterValues sliders.
3Operate without CLI constraints — perfect for live demonstrations and complex multi-connector flows.
readonlyconnected
design.principles

Visual Dashboard

Emulate real-world stations for testing with a clean, fully functional Web UI.

Interactive Workflows

Sliders and controls for dynamic MeterValues and manual Start/Stop Transaction triggers.

Protocol Ready

Boot, Heartbeat, Authorize, and state-transitions managed seamlessly over a live WebSocket.

system.architecture
// Next.js Frontend

React-driven client connecting natively to Central Systems directly from the browser context.

// WebSockets Engine

Isolated OCPP connection managers bridging UI state to active socket connections.

// Hardware Emulation

Logical state machines decoupling charging profiles from the visual button triggers.

previousOCPP WebSocket CLInextVoltlog

Want to discuss a similar build?

Use this project as a reference point and send the workflow, timeline, and constraints you care about most.

open contact.env
RT