Inspiration

The inspiration for Climate AI came from the pressing need to address climate change and its impact on air quality and human health. Increasing levels of pollution, coupled with extreme weather patterns, necessitate innovative solutions to raise awareness and empower individuals to take actionable steps. With AI's transformative potential, we wanted to create a tool that not only informs users about air quality but also provides actionable recommendations for healthier living and environmental preservation.


What it does

Climate AI is a web-based application that:

  1. Real-Time Air Quality Monitoring: Fetches real-time air quality data (AQI, temperature, humidity) based on the user's location.
  2. AI-Powered Insights: Uses AI to analyze air quality data and provide:
    • Health assessments: Is the air safe to breathe?
    • Personalized suggestions: Actions to stay safe in poor air conditions.
    • Pollution reduction tips: Simple steps to minimize individual carbon footprints.
  3. Interactive Visualization: Displays the user’s location and air quality on an intuitive map interface.
  4. Community Awareness: Educates users on the importance of air quality and sustainable practices.

How I built it

  1. Frontend:
    • React.js: For building an interactive user interface.
    • Tailwind CSS: To create a responsive and visually appealing design.
    • React-Leaflet: For map integration and real-time location display.
  2. Backend:
    • AirVisual API: Fetches real-time air quality, weather, and location data.
    • Custom AI Integration: The AI/ML model processes AQI, temperature, and humidity data to generate personalized suggestions.
    • Fetch API: Handles seamless communication between the frontend and AI model endpoints.
  3. AI Integration:
    • Utilized a chat completion model API to analyze air quality and generate actionable insights.
  4. Deployment:
    • Hosted the project on a cloud platform for seamless accessibility.

Challenges I ran into

  1. Real-Time Data Integration: Managing real-time API calls without overwhelming the user experience or exceeding rate limits.
  2. Accurate AI Insights: Tuning the prompts and data inputs to ensure that the AI-generated recommendations were actionable and reliable.
  3. Map Functionality: Ensuring the map dynamically updates to reflect user location while remaining responsive across devices.
  4. Error Handling: Managing geolocation permission errors and API failures gracefully to avoid breaking the user flow.

Accomplishments that I'm proud of

  1. Successful AI Integration: Leveraging AI to provide tailored, actionable insights for users in real-time.
  2. User-Centric Design: Crafting an intuitive interface that simplifies complex environmental data for everyday users.
  3. Educational Impact: Empowering users with knowledge about their immediate environment and actionable steps to improve air quality and health.
  4. Technical Innovation: Combining geolocation, real-time APIs, and AI to create a cohesive and impactful application.

What I learned

  1. Real-Time API Handling: Effective strategies to manage real-time data integration and error handling.
  2. Prompt Engineering: Fine-tuning prompts for AI/ML models to generate accurate and relevant responses.
  3. Geospatial Tools: Enhanced understanding of map-based integrations using React-Leaflet.
  4. User Experience Design: Building a seamless experience that bridges the gap between technical complexity and user accessibility.
  5. Environmental Awareness: Deep insights into the factors affecting air quality and how individuals can contribute to reducing pollution.

What's next for Climate AI

  1. Expanded Data Integration:
    • Incorporate data for more environmental factors like UV index, pollen count, and noise pollution.
    • Integration with historical air quality data to analyze trends.
  2. AI Enhancements:
    • Personal health tracking based on air quality exposure over time.
    • AI-based recommendations for green commuting and energy-saving techniques.
  3. Mobile Application:
    • Develop a mobile version for Android and iOS to increase accessibility.
  4. Community Engagement:
    • Introduce gamified features to encourage users to adopt eco-friendly practices (e.g., rewards for carpooling or tree-planting).
  5. Scalability:
    • Expand the application to cover rural and underrepresented areas where air quality monitoring is less prevalent.
  6. Multilingual Support:
    • Make the app accessible to diverse communities by adding language options.
  7. Collaboration with NGOs:
    • Partner with environmental and health organizations to amplify the app's reach and impact.
Share this project:

Updates