Skip to content

saraeloop/thisyearearth

Repository files navigation

Earth Wrapped · MMXXVI

Earth is the narrator. The year is the subject. The reader is asked to answer back.

thisyear.earth is an immersive climate year-in-review told as eleven full-screen chapters. It uses the familiar emotional shape of a wrapped recap, then turns the perspective inside out: the account belongs to Earth, the receipts are climate data, and the final action becomes a pledge.

Creative Direction

The experience is:

  • an annual report from a planet
  • a wrapped recap with consequences
  • a climate story that is beautiful without becoming decorative
  • a ledger, archive, and confession at the same time

Chapters

  1. Preface · The Record
  2. Chapter II · Coordinates
  3. Chapter III · The Fever
  4. Chapter IV · The Atmosphere
  5. Chapter V · The Melt
  6. Chapter VI · The Canopy
  7. Chapter VII · The Ledger
  8. Chapter VIII · The Roll Call
  9. Chapter IX · The Residue
  10. Chapter X · The Turn
  11. Epilogue · Sincerely

Product Notes

The pledge chapter asks for one small action for next year. The primary Solana interaction is framed as:

MINT TO THE LEDGER

Pledges can be stored through Neon and represented with a Solana memo transaction hash. The ledger is not meant to feel like a crypto feature first. It is a public record of intent.

Stack

  • Next.js 16 with the App Router
  • React 19
  • TypeScript strict
  • Tailwind CSS v4
  • Framer Motion
  • Lenis for desktop smooth scroll
  • NOAA GML daily Mauna Loa CO2 data
  • Neon for pledge data
  • Solana memo transactions for the pledge ledger
  • react-globe.gl / Three.js for the final reader globe

Local Development

npm install
npm run dev

The dev server runs at:

http://localhost:3000

Environment

In local development, the app can run without environment variables. Missing data services fall back to in-memory or stubbed behavior where possible.

DATABASE_URL=postgres://...

DATABASE_URL enables persistent pledge counts and pledge records through Neon and is required in production.

Commands

npm run dev
npm run build
npm start
npm run lint

Data

The CO2 chapter reads NOAA GML daily Mauna Loa data server-side and caches the response. The card uses the latest reading, year-to-date high, year-to-date average, long-term delta, and a subtle sparkline.

Other climate figures are presented as editorial chapter data inside the experience:

  • global temperature anomaly
  • ice loss
  • forest loss
  • species threatened
  • plastic production
  • renewable energy growth

Special thanks

Special thanks to the scientists and researchers who maintain these datasets year after year — NOAA GML at Mauna Loa Observatory, NASA GISS, NSIDC, Global Forest Watch, the IUCN Red List, and the IEA.


License

MIT License © Sara Loera

About

An immersive climate year-in-review website

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors