enee.io Inverter Configurator

A custom Vue.js component to allow users to easily configure the electrical connections on their inverter.

  • Vue.js
  • CSS
  • HTML
  • SVG

View POC →

enee.io Inverter Configurator screenshot

Features

  • Semantic HTML elements to help with accessibility
  • Interactive element selection
  • UI driven by data configured through user input

Technologies Used

  • Vue.js: Reusable components support the Inverter Configurator.
  • CSS: Standard CSS used to generate both look and feel along with element placement.
  • SVG: Iconography to help depict element purpose.

Due to the web app being user-authenticated, I’ve included a link to the original POC I created when iterating over feature exploration.