This is a collection of older versions of the app from 2025. Here for illustration only. 

Prompt used: 

Create a simple yet powerful HTML-based web app that can be embedded in a website. The app is designed for middle and high school students to estimate their environmental footprint from using AI. It must be visually appealing, responsive to different screen sizes, and easy to use. The app should allow users to input the number and types of interactions they’ve had with AI in a project or over the course of a day. Include the following AI interaction types:

• Text queries (e.g., "How many text queries did you make?")

• AI search queries (e.g., "How many AI-powered searches did you perform?")

• Coding tasks (e.g., "How many coding tasks did you complete with AI assistance?")

• Image generations (e.g., "How many images did you generate with AI?")

• Video usage (e.g., "How many minutes of AI-generated or AI-enhanced video did you use?")

The app must include an option to toggle between USA-based AI and China-based AI , as energy grid emissions differ between these regions. For China-based AI, assume DeepSeek efficiencies (apply a 0.85 efficiency factor to energy consumption). For China-based video and image generation, assume the same model impacts as USA-based AI but account for differences in grid emissions. Use the following grid emissions data:

• USA Grid Emissions : 0.367 kgCO2/kWh (EIA, 2024)

• China Grid Emissions : 0.582 kgCO2/kWh (Statista, 2024)

When users input their AI usage, the app should calculate and display their total environmental impact in terms of:

1. Energy consumption (kWh)

2. CO2 emissions (kg)

3. Water usage (liters)

Additionally, provide relatable comparisons to help students understand their footprint:

• Equivalent to charging X cellphones

• Equivalent to using a MacBook Pro for Y hours

• Equivalent to driving Z km in a petrol car

• Trees needed to offset: T trees

Include a section titled "If you did this every day for a year..." that calculates and displays the yearly totals for energy consumption, CO2 emissions, water usage, and the number of trees required to offset the yearly footprint.

At the bottom of the app, include a Data Sources section that lists the values and references used for calculations:

• USA Grid Emissions: 0.367 kgCO2/kWh (EIA, 2024)

• China Grid Emissions: 0.582 kgCO2/kWh (Statista, 2024)

• Water Usage: ~1.5 liters per kWh

• Trees Needed to Offset: ~0.05 trees per kgCO2

Ensure the UI is clean, modern, and attractive, with intuitive inputs (e.g., dropdowns, number fields) and clear labels. Use responsive design principles so the app works seamlessly on both desktop and mobile devices.

Let’s go! Build this app to inspire students to think critically about the environmental impact of their AI usage while providing actionable insights.