DEV Community

Cover image for ๐ŸŒ EarthTwin AI โ€“ See the Future You're Creating
Aditya
Aditya

Posted on

๐ŸŒ EarthTwin AI โ€“ See the Future You're Creating

DEV Weekend Challenge: Earth Day

This is a submission for Weekend Challenge: Earth Day Edition


๐Ÿš€ What I Built

I built EarthTwin AI โ€” a real-time, AI-powered simulation that shows how your daily lifestyle choices shape the future of our planet.

Most tools tell you your carbon footprint.
EarthTwin shows you what that actually means.

It creates a living digital twin of Earth that evolves based on your habits.

With EarthTwin, you can:

  • ๐ŸŒ Simulate your environmental impact in real-time
  • ๐Ÿ”ฎ See how Earth evolves in 2035 based on your lifestyle
  • โš–๏ธ Compare your current lifestyle vs an improved one
  • ๐Ÿค– Get AI-powered suggestions to reduce your impact
  • ๐Ÿ“ธ Share your personalized Earth snapshot

The goal was simple:
๐Ÿ‘‰ Make climate impact visual, emotional, and impossible to ignore


๐ŸŽฅ Demo

YouTube Video: https://youtu.be/KApbgxSSwGs

Image1

Image2

Image3

Image4

๐ŸŒ Live Simulation

  • Enter your lifestyle (e.g., frequent flyer, online shopping)
  • Watch your EarthTwin generate instantly

๐Ÿ”ฎ Future Mode

  • Click โ€œSee 2035โ€
  • View a realistic AI-generated future scenario

โš–๏ธ Compare Mode

  • Compare:

    • Current You ๐ŸŒ‘
    • Improved You ๐ŸŒฑ
  • See real-time environmental differences

๐Ÿค– AI Coach

  • Ask: โ€œHow can I improve?โ€
  • Get personalized sustainability suggestions

๐Ÿ“ธ Share Feature

  • Capture and share your EarthTwin snapshot

๐Ÿ’ป Code

GitHub Repo:
-> https://github.com/TheCoderAdi/EarthTwin
-> https://github.com/TheCoderAdi/EarthTwin-Backend


โš™๏ธ How I Built It

๐Ÿง  AI Layer (Google Gemini)

I used Google Gemini API to:

  • Convert natural language input โ†’ environmental metrics
  • Generate future climate projections (2035 scenarios)
  • Provide personalized eco-coaching

๐ŸŒ Simulation Engine

A custom impact engine transforms:

  • Carbon score
  • Water usage
  • Waste index

Into:

  • ๐ŸŒก๏ธ Temperature rise
  • ๐ŸŒซ๏ธ Pollution levels
  • ๐ŸŒณ Forest density
  • โ„๏ธ Ice cap condition

These values directly control the Earth visualization.


๐ŸŽจ Frontend Experience

  • Built with React + Tailwind + Three.js
  • Real-time 3D Earth rendering using WebGL
  • Smooth animations and transitions
  • Dynamic UI driven by simulation data

โšก Backend

  • Node.js + Express API architecture
  • Gemini integration for AI processing
  • Robust error handling + fallback responses
  • Clean, scalable API design

๐Ÿ† Prize Categories

โœ… Best Use of Google Gemini

  • Natural language โ†’ environmental analysis
  • AI-generated future simulations
  • Personalized sustainability coaching

โœ… Best Use of GitHub Copilot

  • Accelerated development of APIs and UI
  • Faster iteration and debugging

๐ŸŒฑ Why This Matters

Climate change is hard to grasp because it's invisible.

Numbers donโ€™t change behavior.
Experiences do.

EarthTwin AI makes the invisible visible.

๐Ÿ‘‰ It shows you the future you're actively creating.

By turning climate impact into a living, interactive Earth, users can:

  • See consequences instantly
  • Understand long-term effects
  • Make better decisions

This is not just a tool โ€”
itโ€™s a mirror of our planetary future.


๐Ÿš€ Whatโ€™s Next

  • ๐Ÿ“ฑ Mobile version (React Native)
  • ๐Ÿง  Smarter AI predictions using real datasets
  • ๐ŸŽฎ Gamification of sustainable behavior

๐Ÿ™Œ Final Thought

If we can see the future,
we might finally change it.

๐ŸŒ๐Ÿ’š

Top comments (0)