Academic Documentation

CHE110 — Environmental Studies Project

Topic 1: Carbon Footprint Calculator — a working web prototype demonstrating software engineering applied to climate awareness.

Computer Science & Engineering Demonstration

Course: CHE110 — Environmental Studies

This prototype addresses Topic 1: Carbon Footprint Calculator. It exemplifies the practical application of software engineering, dynamic mathematical modelling, and interactive visualisation toward climate action and public awareness.

Component: Continuous Assessment 1 (CA1) • Deliverables: Web Prototype, Demo Video, Social Dissemination, Handwritten Report
Team Submission Specs
  • Group 1 — Section CSE
  • Codebase hosted on GitHub
  • Transparent calculation factors
  • Fully responsive mobile UI
  • Modular HTML / CSS / JS separation
View Repository Codebase

Technical Implementation

Built as a static, dependency-light multi-page web application. Styling uses a Tailwind utility layer over a hand-authored design-token system. All calculation logic lives in a pure, testable engine module with no DOM coupling.

  • • config.js — emission factors & benchmarks
  • • engine.js — pure calculation functions
  • • storage.js — safe persistence with memory fallback
  • • charts.js — Chart.js donut & bar wrappers

Assessment Deliverables

  • ✅ Web Prototype — this application
  • ✅ Demo Video — recorded walkthrough
  • ✅ Social Dissemination — shared across student networks
  • ✅ Handwritten Report — methodology & findings

Feature Summary

✅ 6-module guided calculator ✅ Real-time input validation ✅ Annual / monthly / daily breakdowns ✅ Eco-score & impact classification ✅ Donut + bar category charts ✅ Dynamic priority recommendations ✅ What-If habit simulator ✅ 7-Day challenge tracker ✅ Printable PDF report ✅ Persistent localStorage state ✅ Fully responsive mobile UI ✅ Accessibility-conscious markup
Try the Calculator Read the Methodology