ESP32 Control

Static multi-page frontend

Lightweight control surface for your current backend.

This frontend stays deployment-friendly for GitHub Pages: plain HTML, CSS, and JavaScript with no build step, no framework, and no server-side routing.

Open Auth Open Dashboard

Current backend coverage

  • Health check
  • Admin login
  • Create device
  • Send heartbeat

Step 1

Set Config

Keep the public API base URL in `config.js` so the UI stays clean and deployment remains static.

Step 2

Authenticate

Login on the auth page and keep the JWT in the browser for later admin requests.

Step 3

Operate

Use the dashboard to create a device entry and test heartbeat calls against the backend.

Deployment Notes

GitHub Pages ready

Upload the entire `frontend/` folder as static files. The pages link to each other with relative paths, so they work from `file://` URLs and from GitHub Pages. Configure the backend URL in `config.js`. The backend still needs CORS enabled if the frontend and API are served from different origins.