Happy Chircuit
Possessed Chircuit

Chircuit Guard

Project Overview

Chircuit Guard is a gamified Chrome extension that transforms your browser into an eco-friendly adventure. By connecting website water usage to the health of an adorable virtual duck, we make invisible environmental impacts visible and personal, encouraging more sustainable digital habits.

The Problem We Solve

The Digital Environmental Blindspot: Most internet users are completely unaware that their online activities have real-world environmental consequences.

Data centers consume 3% of global electricity and use massive amounts of water for cooling
Streaming platforms and social media have significant hidden water footprints
Current eco-solutions either ignore digital impacts or present dry statistics that fail to drive behavior change
Lack of personal connection to digital environmental consequences

Chircuit Guard bridges this awareness gap by making environmental impact:

Personal - through emotional connection to your duck companion
Immediate - real-time feedback on browsing choices
Actionable - clear decisions with visible consequences
Educational - learn about digital sustainability while you browse

How It Works

Chircuit Companion

9 Health States - Visual progression from healthy to endangered
Automatic Healing - Recovers when you make eco-friendly choices
Damage System - Proportional consequences based on website water usage

Smart Website Monitoring

Pre-researched Database - 100+ websites with environmental impact ratings
Intelligent Popups - Warns before entering high water-usage sites
Session Management - Prevents notification fatigue

Environmental Impact Awareness

Water Usage Categories - Clear classification (Low/Medium/High impact)
Real-time Consequences - Immediate duck health feedback
Educational Insights - Learn which sites have the biggest footprints

Technologies & Tools Used

Core Development Stack

Chrome Extension API (Manifest V3) - Modern browser extension framework
JavaScript ES6+ - Core programming logic and functionality
HTML5 & CSS3 - Responsive user interface and styling
Chrome Storage API - Persistent data storage for duck health
Content Scripts - Real-time website monitoring and interaction

Technical Infrastructure

Chrome Tabs API - Active tab monitoring and website detection
Session Storage API - Temporary user state management
Web Accessible Resources - Secure asset loading for duck images
Popup Interface - Extension control center and health display

Design & User Experience

Custom Duck Character Design - 9 unique health state illustrations
CSS Animations & Transitions - Smooth UI interactions
Responsive Design Principles - Cross-device compatibility
Gamification Mechanics - Engagement and behavior change drivers

Data & Intelligence

Predefined Water Usage Database - 100+ researched websites with environmental impact ratings
Impact Classification System - Categorized damage calculation (1-3 points)
Automatic Healing Algorithm - Progressive health recovery system