Der Klimawandel ist eine der größten Herausforderungen unserer Zeit. Um dieser Krise zu begegnen, ist es entscheidend, dass jeder Einzelne Verantwortung übernimmt und aktiv zum Klimaschutz beiträgt. Ein wichtiger erster Schritt dazu ist, den eigenen CO₂-Fußabdruck zu verstehen. Genau hier setzt der CarbonCounter an – eine intuitive, ansprechende Website, die es Nutzer*innen ermöglicht, ihren CO₂-Ausstoß nicht nur zu berechnen, sondern auch auf eine verständliche Weise greifbar zu machen.
Während unserer Brainstorming-Phase haben wir festgestellt, dass viele bestehende CO₂-Rechner uns nicht wirklich weiterhelfen. Oft fanden wir das Design wenig ansprechend, die Berechnungen waren intransparent und am Ende fehlten uns konkrete Tipps, wie man den eigenen Konsum tatsächlich reduzieren kann. Diese Probleme wollten wir mit dem CarbonCounter anpacken.
Unsere Anwendung deckt vier zentrale Lebensbereiche ab – ähnlich wie andere Rechner: Wohnen & Energie, Mobilität, Ernährung und Konsum. Durch die Eingabe von Daten, wie etwa der Wohnfläche, genutzten Verkehrsmitteln oder Ernährungsgewohnheiten, bekommen Nutzer*innen eine transparente und nachvollziehbare Darstellung ihrer CO₂-Emissionen. Zusätzlich bietet der CarbonCounter hilfreiche Tipps, um Emissionen gezielt zu reduzieren.
Denn es geht nicht nur darum, den eigenen CO₂-Fußabdruck zu berechnen, sondern vor allem darum, zu verstehen, was man tun kann, um ihn zu verringern. Genau das wollten wir mit dem CarbonCounter ermöglichen.
Methodik
Bei der Entwicklung des CarbonCounters haben wir uns darauf konzentriert, die CO₂-Bilanzierung für Nutzer:innen so umfassend und verständlich wie möglich zu gestalten. Dabei haben wir vier zentrale Lebensbereiche identifiziert – angelehnt an bestehende Rechner, die maßgeblich zum individuellen CO₂-Fußabdruck beitragen:
Wohnen & Energie: Hier erfassen wir Daten zur Wohnfläche, den genutzten Energiequellen und dem Heizungstyp. Diese Informationen ermöglichen es uns, den CO₂-Ausstoß im häuslichen Umfeld präzise zu berechnen.
Mobilität: In diesem Bereich berücksichtigen wir die jährlich zurückgelegten Autokilometer, den Fahrzeugtyp, Flugreisen und die Nutzung öffentlicher Verkehrsmittel. So können wir ein vollständiges Bild der durch Mobilität verursachten Emissionen zeichnen.
Ernährung: Unsere Analyse umfasst die individuellen Ernährungsgewohnheiten, wobei wir besonderen Wert auf den Konsum lokaler und saisonaler Produkte sowie den Verarbeitungsgrad der Lebensmittel legen. Dies hilft dabei, die ernährungsbedingten CO₂-Emissionen realistisch abzubilden.
Allgemeiner Konsum: Dieser Bereich deckt das allgemeine Konsumverhalten ab, von Kleidungskäufen über Online-Shopping bis hin zur Lebensmittelverschwendung. Durch die Einbeziehung dieser Faktoren können wir ein umfassendes Verständnis der persönlichen CO₂-Bilanz gewährleisten.
Für die Berechnung der Emissionen nutzen wir mathematische Formeln, die den Verbrauch mit spezifischen, wissenschaftlich fundierten Emissionsfaktoren multiplizieren. Diese Faktoren variieren je nach Bereich, z. B.:
Stromverbrauch: Hier unterscheiden wir zwischen konventionellem Strom (0,380 kg CO₂/kWh) und Ökostrom (0,032 kg CO₂/kWh).
Heizung: Die Emissionsfaktoren reichen von 0,201 kg CO₂/kWh für Erdgas bis zu 0,266 kg CO₂/kWh für Heizöl.
Durch diesen detaillierten und transparenten Ansatz möchten wir unseren Nutzer:innen ermöglichen, ihre persönlichen CO₂-Emissionen besser zu verstehen und gezielt Maßnahmen zur Reduktion zu ergreifen.
Ergebnisse & Learnings
In der Entwicklung des CarbonCounters haben wir neue und moderne Webtechnologien angewendet, die wir teils nur namentlich kannten. Mit React und Vite konnten wir eine performante Anwendung erstellen. Mit Tailwind CSS konnten wir ein ansprechendes und konsistentes Design erstellen, welches unseren eigenen UX-Anforderungen gerecht wurde. Durch die Darstellung der mathematischen Berechnungen mit KaTeX konnten wir die Berechnungen für unsere Nutzer:innen transparent und nachvollziehbar darstellen. Für die Backend-Entwicklung haben wir Express.js genutzt, was uns eine flexible Datenspeicherung und -verarbeitung ermöglichte.
GitHub Repository: https://github.com/xcvh/CarbonCounter
Live Demo: https://carbon.jel.do/
Team & Rollen
Jeldo Meppen
Frontend-Entwicklung
Jakob Schlothane
Backend-Entwicklung
Marlene Heinemann
Frontend-Entwicklung
Mentor:in
Hamza Saeed
