Dashboards · React
Home solar energy
Solar generation against household use, battery and grid export, and a daily log for a rooftop system.
What you get
A dark energy dashboard for a 6.4 kW rooftop solar system with a home battery: monthly generation against household use, where this month's solar went, and a daily log with the weather. Readings live in src/dashboard.ts, ready to connect to your inverter's API.
Files
Exactly what is copied into a new project: 13 files, nothing generated.
Explorer 13
# Home solar energy
A dark energy dashboard for a 6.4 kW rooftop solar system with a home battery: monthly generation against household use, where this month's solar went, and a daily log with the weather. Readings live in src/dashboard.ts, ready to connect to your inverter's API.
## Make it yours
- **Content:** `src/dashboard.ts` holds every metric, chart series and table row. Edit it (or ask Codexa) and the page updates.
- **Look:** `src/index.css` holds the colours, fonts and corner radius; fonts load from Google Fonts in `index.html`.
- **Layout:** the components in `src/` are plain React + Tailwind CSS. Change them freely.
```bash
npm install
npm run dev
```
Remix
Remix this template
Describe what to change and the agent starts from Home solar energy's files. The box is already started for you: finish “Start from Home solar energy and …”
Dependencies
Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.
- react^19.1.0
- react-dom^19.1.0
- vite^6.3.0
- @vitejs/plugin-react^4.4.0
- tailwindcss^4.1.0
- @tailwindcss/vite^4.1.0
- typescript^5.8.0
How it runs
- Framework
- Vite + React + TypeScript
- Dev command
- npm run dev
- Build command
- npm run build
- Output directory
- dist
- Port
- 5173
- Entry route
- /
Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.
Keep browsing
All templates- Featured
Analytics dashboard
A responsive dashboard layout with sidebar navigation, stat cards, and a data table.
API monitoring
Latency, error rates, uptime and service health for an API platform, in a dark on-call layout.
SaaS metrics
MRR, churn, ARPA and a breakdown of new, expansion and churned revenue for a subscription product.
Build on Home solar energy
Create a free account, start from this template, and ask the AI agent to turn it into your app.