Carbonscio

Carbonscio turns climate literacy into a game. With 3.5 bn people worldwide identifying as gamers, we use play to bridge the gap between "knowing" about climate change and "doing" something about it.

Comment

Carbonscio: Gaming for a Greener Planet

Carbonscio (coined from carbon conscious) turns climate literacy into a game. With 3.5 billion people worldwide identifying as gamers, we use play to bridge the gap between "knowing" about climate change and "doing" something about it.

While over 80% of adults in parts of Europe and North America possess basic climate literacy, African nations average just 37%. Carbonscio meets this challenge by leveraging the global gaming market—a dominant industry with over 40% of the world’s population participating in 2026. We aren't just teaching; we’re empowering a new generation of advocates to lead the charge in their own communities.

Carbonscio is built to ensure there are zero blockers to climate literacy. To encourage immediate engagement, users can play and learn anonymously on the website without the friction of creating an account.

Links & Demo

Product Features

  • Interactive Quizzes: A gamified approach to rapidly increasing climate literacy.
  • Impact Calendar: Track daily activities and visualize carbon offset progress over time.
  • Transparency Database: A curated directory of companies funding eco-sustainability—and a spotlight on those that aren't. Data is sourced from verified public records, with all references made accessible to the user.
  • Ask AI: Get instant, accurate answers to climate-related questions via a custom Gemini AI integration.
  • Climate Wiki: A comprehensive library of articles for deep-dive learning.
  • Inclusive Design: High accessibility standards including customizable line height, spacing, and contrast settings to ensure the platform is usable for everyone, everywhere.

Technologies Used

  • Framework: React 18 with Vite
  • Language: TypeScript
  • Styling: Tailwind CSS (Custom Brutalist Aesthetic)
  • Icons: Lucide React
  • Routing: React Router DOM
  • Data Integration: Fetch API connecting to Google Apps Script (GAS) endpoints
  • AI Integration: Google Gemini AI
  • Accessibility: Custom Context-based settings (Dyslexic font, High Contrast, etc.)
  • Translation: Google Translate API

The Journey & Challenges Building Carbonscio has been a pivotal chapter in my journey as a self-taught developer. It required balancing high-level technical decisions with practical constraints:

  • Architecture vs. Cost: Learning to select the best-fit technologies while maintaining a cost-effective infrastructure.
  • Accessibility First: Prioritizing inclusivity by building settings that allow users to tweak the UI for their specific visual needs.
  • Iterative Learning: Mastering the integration of AI models and cloud services to solve real-world literacy gaps.

Team Details

Built With

Share this project:

Updates