Skip to content

User's daily activity collection and CO2 emission visualization

Addition of new feature to increase user interaction

I have implemented the features as per stated in issue #114

  • I started out with creating a new collection(DailyEmission schema) for storing the data.
  • Creating endpoints which uses the Auth0 jwt. These endpoints help in securely creating and storing daily record of emitted CO2.
  • A button is displayed in the profile page from where the user can add their daily acitvity which will then help us track the amount of CO2 emitted with the help of our own CarbonFootprint-API.
  • Data of past few months is shown in the heatmap present in the profile page which well help users keep record of their CO2 footprint.

Further use

We can use the new endpoints (to store daily emission data of the user) and implement a similar feature with which the user can enter data using CarbonFootprint mobile app as well as the Chrome extension which will be more convenient.

carbon1
The profile page now shows a heatmap which displays the CO2 emission of a user over past few months.
carbon3
An entry page is also created so that user can enter his/her daily activities. After entering the details the user can calculate their day's CO2 consumption which then is saved in the database and is displayed accordingly in the heatmap.
image
Hovering on a tile shows the emission of the day with the date

Packages included

  • D3 module is included which helps in creating the heatmap with vector images.
  • moment is used for managing the calendar data of the heatmap
  • babel core is updated

fixes #114

Edited by Saurabh Thakur

Merge request reports