
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:
- Mobile plans with flexible data options.
- Power plans with off-peak discounts and a free hour of power each day.
- Broadband plans with fast speeds and no contracts
Problem
The client, Electric Kiwi, required a reusable component to display energy insights, including:
- Real-time Green Meter: A visual representation of the current green energy percentage in the power grid.
- Forecast Graph: A graph showing energy consumption forecasts for the next three days.
- 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:
- Component Development: We created dynamic components to show the graphs
- Component Library Creation: We designed the components as reusable modules with clear input and output parameters.
- Integration into Projects: We integrated the component library into web projects using standard web development techniques.
Act With Product
Technologies

