Inspiration

For most people, especially young changemakers, climate change feels impossibly vast, distant, and unsolvable. Despite caring deeply about the planet, they face three stubborn obstacles:

  • Feeling powerless: "What difference can I possibly make?"
  • Lack of clarity: "Where do I even start? What is the biggest risk here, right now?"
  • Taking action alone: "I want to help, but I don't know who's with me—or if it matters."

This leads to eco-anxiety, hesitation, and missed opportunities for real change. WeWatch transforms this overwhelming challenge into personal, actionable opportunities that build community and drive measurable impact.

What it does

WeWatch makes climate action immediate, personal, and practical. The web platform gathers, analyzes, and predicts local environmental issues by seamlessly merging live climate data, NASA satellite imagery, and real-time policy and news updates. Complex challenges are transformed into simple, clear opportunities for meaningful action, right where users live.

Key Features:

🌍 Instant Local Insight: With just a name and location, users unlock a personalized dashboard revealing live changes—what's happening in their environment, today.

AI-Driven Action: Powered by Gemini 2.5, WeWatch pinpoints the most urgent climate risks for each community and breaks them down into manageable, actionable steps, so everyone has a way to make a difference, big or small.

👥 From "Me" to "We": Users can join or launch community actions; cleanups, planting drives, local awareness events—seeing others join in and watching the ripple effect grow. Every contribution is visible and celebrated.

🎮 Inspired, Accessible Learning: Interactive games and bite-sized experiences make climate science engaging and relatable, empowering every user to become a changemaker, not just a bystander. The platform features full WCAG 2.1 AA compliance ensuring climate education reaches users with disabilities.

How we built it

Frontend: Built with React 19, TypeScript, and Tailwind CSS for a modern, responsive user experience AI Integration: Google Gemini 2.5 for intelligent environmental analysis and personalized recommendations Data Sources: NASA satellite APIs, weather services, and news feeds for real-time environmental data Accessibility: Comprehensive WCAG 2.1 AA compliance with keyboard navigation, screen reader support, and high contrast modes Interactive Features: Custom-built games including the ocean cleanup challenge with mouse and keyboard controls

Technical Architecture:

  • Real-time data processing and visualization
  • AI-powered pattern recognition for environmental trends
  • Community action coordination system
  • Gamified learning experiences with progress tracking

Challenges we ran into

Data Integration Complexity: Merging multiple API sources (NASA, weather, news) while maintaining real-time performance required careful optimization and caching strategies.

AI Model Selection: Finding the right balance between AI model sophistication and response time for real-time environmental analysis was challenging, especially when processing satellite imagery and complex climate data.

Accessibility Implementation: Ensuring full WCAG compliance while maintaining the interactive gaming experience required extensive testing and iterative design improvements.

Community Features: Building a system that encourages genuine community engagement rather than superficial interactions required careful UX design and gamification balance.

Accomplishments that I'm proud of

🏆 Technical Excellence: Successfully integrated multiple complex APIs while maintaining sub-second response times for real-time environmental data.

♿ Accessibility Leadership: Achieved full WCAG 2.1 AA compliance, making climate education truly inclusive for users with disabilities.

🎮 Innovation in Education: Created engaging interactive games that teach climate science through hands-on experiences, including the unique ocean cleanup challenge.

🤖 AI Integration: Successfully implemented Gemini 2.5 for intelligent environmental analysis and personalized action recommendations.

🌍 Real Impact: Built a platform that transforms climate anxiety into actionable community initiatives with measurable environmental outcomes.

What we learned

Climate Education Psychology: Understanding the emotional barriers to climate action helped us design features that address both knowledge gaps and motivation challenges.

AI for Social Good: Leveraging AI not just for efficiency but for emotional support and community building opened new possibilities for technology-driven environmental solutions.

Accessibility as Innovation: Building with accessibility from the ground up didn't limit our creativity—it enhanced our user experience for everyone.

Community Dynamics: The importance of making individual actions visible and celebrated to build momentum for collective environmental change.

What's next for WeWatch

🌱 Expansion Plans:

  • Mobile app development for on-the-go environmental monitoring
  • Integration with smart home devices for personalized energy tracking
  • Partnership with schools and universities for curriculum integration
  • Corporate sustainability dashboard for businesses

🤖 AI Enhancement:

  • Predictive modeling for environmental risk assessment
  • Personalized carbon footprint tracking and reduction strategies
  • Advanced community matching algorithms for optimal collaboration

Global Scaling:

  • Multi-language support for international climate education
  • Regional environmental data partnerships
  • Integration with local government sustainability initiatives

📊 Impact Measurement:

  • Advanced analytics dashboard for tracking community environmental impact
  • Carbon offset tracking and verification
  • Long-term behavioral change measurement and reporting

Built With

  • Frontend: React 19, TypeScript, Tailwind CSS

  • AI/ML: Google Gemini 2.5, Natural Language Processing

  • APIs: NASA Satellite Data, Weather APIs, News APIs

  • Accessibility: WCAG 2.1 AA compliance, ARIA labels, keyboard navigation

  • Data Visualization: Custom interactive charts and real-time updates

  • Gaming: Custom game engine for educational experiences

Share this project:

Updates