mxdvl / octopus

Dashboard for Octopus Energy metrics

Home Page:https://octopus-energy.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Octopus Energy Dashboard

Netlify Status

The dashboard on Octopus Energy's website gives half-hour usage. In order to learn my own patterns of usage, I was more interested in a bigger picture, capturing an entire month at a time. Thus was born this dashboard.

API Keys and meters data is saved in localStorage and all quries and calculations are sent from the client interface.

Sample Dashboard

Dashboard example

Todo

  • Set-up project
  • Build robust calendar with fetched data
  • Save user data to localStorage (never sent to anyone)
  • Add Gas metrics
  • Add Elect metrics
  • Give some trends info
  • Quick month navigation
  • Learn about my energy usage!
  • Favicon
  • Styling / hiding inputs

Disclaimer

This project is provided as is. Do not share your API keys with anyone.


VUE.js Commands

yarn install # Installs dependencies
yarn serve # Compiles and hot-reloads for development
yarn build # Compiles and minifies for production

About

Dashboard for Octopus Energy metrics

https://octopus-energy.netlify.app


Languages

Language:Vue 94.0%Language:HTML 4.6%Language:JavaScript 1.4%