ProjectsElectric Kiwi

Project cover Electric Kiwi

Overview

A mobile, broadband, and power company in New Zealand.

Their mission is to make these services better for Kiwis.

Electric Kiwi offers a variety of plans and services, including:

  1. Mobile plans with flexible data options.
  2. Power plans with off-peak discounts and a free hour of power each day.
  3. Broadband plans with fast speeds and no contracts

Problem

The client, Electric Kiwi, required a reusable component to display energy insights, including:

  1. Real-time Green Meter: A visual representation of the current green energy percentage in the power grid.
  2. Forecast Graph: A graph showing energy consumption forecasts for the next three days.
  3. Carbon Insights: A graph showing carbon emissions based on specific time periods and energy consumption rates.

Solution

To address these requirements, we developed a custom component library using Stencil.js:

  1. Component Development: We created dynamic components to show the graphs
  2. Component Library Creation: We designed the components as reusable modules with clear input and output parameters.
  3. Integration into Projects: We integrated the component library into web projects using standard web development techniques.

Act With Product

Technologies

One of technologies used is Stencil.js
One of technologies used is Typescript