ChargeFlow Website

Presentation site for ChargeFlow — a CLI tool for validating raw OCPP JSON messages against the official schemas, for debugging and compatibility checks with Charge Point Management Systems and Charge Point implementations.

Tech stack

• React + Vite + TypeScript
• Tailwind CSS v4
• shadcn/ui
• pnpm

Getting started

Requires Node 20+ (see .nvmrc) and pnpm.

pnpm install
pnpm dev

The site is served at http://localhost:5173.

With Docker

docker compose up web

Serves the dev server with hot reload at http://localhost:5173.

To sanity-check the production build (static assets served via nginx):

docker compose --profile prod up web-prod

Serves the built site at http://localhost:8080.

Available scripts

Script	Description
pnpm dev	Start the Vite dev server
pnpm build	Type-check and build for production
pnpm preview	Preview the production build locally
pnpm lint	Run ESLint
pnpm lint:fix	Run ESLint with autofix
pnpm format	Format all files with Prettier
pnpm format:check	Check formatting without writing
pnpm typecheck	Type-check without emitting

Project structure

src/
├── components/
│   ├── ui/            shadcn/ui primitives
│   ├── layout/         Header, Footer
│   └── sections/        Page sections (Hero, Problem, Solution, Demo, ...)
├── data/               Terminal demo transcript and compatibility matrix content
└── lib/                Shared utilities and constants

License

MIT