12cassie34 / carbon-intensity-great-britain

Carbon Intensity Great Britain

In this project, you can explore the carbon intensity in Great Britain to gain insights into electricity production patterns. By understanding the carbon intensity of the electricity we use, we can make informed decisions about our energy consumption, contributing to the fight against climate change.

What is Carbon Intensity?
Carbon intensity measures the cleanliness of our electricity. It indicates the amount of carbon dioxide (CO2) emitted to produce a kilowatt-hour (kWh) of electricity.

Main Features

• An overview dashboard displays today's data and forecasted data. Users can customize their layout by dragging and dropping cards.
• Search functionality for accessing historical data and gaining deeper insights.
• Implementation of an authentication router guard to control access to specific pages based on user authentication status.
  • The accounts to login:

    username	password
    atuny0	9uQFF1Lh
    hbingley1	CQutx25i8r
    rshawe2	OWsTbMUgFc

APIs

• Carbon Intensity API
• dummyJSON: for mock authentication

Tech Stack

• Pinia
• Vue Grid Layout

References

• How to integrate Vue Grid Layout with Nuxt.js? by g-tejas
• Authentication in Nuxt 3 by Rafael Magalhaes

Topics to Explore in Depth

• Why it have to set the value to null to help D3.js render charts correctly?

Rabbit Holes

• props can not be destructed, or it will loose their reactivity.