Skip to content
Youths Forum Youths Forum Youths Forum

Tech Blogs & Programming Tutorials

Youths Forum Youths Forum Youths Forum

Tech Blogs & Programming Tutorials

  • Blog
  • News
  • Programming
    • PHP
    • JavaScript
    • JQuery
    • CSS
    • HTML
    • API
  • Stock Market Live
  • Automobiles
    • Cars
  • Gadgets
    • Phones
    • Android Phones

Categories

  • Artificial Intelligence (1)
  • Automobiles (12)
    • Cars (7)
  • Blog (104)
    • Poems (2)
    • Space (2)
  • Command (2)
  • Education (2)
  • Entertainment (4)
  • Gadgets (9)
    • Phones (8)
      • Android Phones (4)
  • HTML Templates (11)
  • IT Training Institutes (1)
  • Lifestyle (4)
  • News (179)
  • Others (23)
  • Programming (296)
    • API (16)
    • CSS (83)
    • Database (4)
    • Hosting (1)
    • HTML (37)
    • JavaScript (117)
      • JQuery (27)
      • ReactJS (7)
    • PHP (116)
  • Python (3)
  • recipes (1)
  • SEE Result (1)
  • Server (3)
  • Blog
  • News
  • Programming
    • PHP
    • JavaScript
    • JQuery
    • CSS
    • HTML
    • API
  • Stock Market Live
  • Automobiles
    • Cars
  • Gadgets
    • Phones
    • Android Phones
Close

Search

Air Quality Index
APIPHP

Realtime Air Quality Index (AQI) Fetch API

By Admin
April 21, 2019 1 Min Read
0

Full Source Code for Fetching Realtime Air Quality Index (AQI) based on location.

<style>
.wrapper{
      display: flex;
    flex-wrap: wrap;
}
  .green{
    background-color: green;
  }
  .orange{
background-color: orange;
  }
  .gray{
    background-color: #615f5f;
  }
  .yellow{
background-color: yellow;
color:#000 !important;
  }
  .red{
background-color: red;
  }
  .redder{
background-color: red;
  }
  .reddest{
background-color: red;
  }
  .wrapper .single{
    display: inline-block;
    width:180px;
    color:#fff;
    padding:10px;
    margin-right:10px;
    text-align:center;
    margin-bottom:10px;
  }
  .aqi-value{
    font-family : "Noto Serif","Palatino Linotype","Book Antiqua","URW Palladio L";
    font-size:40px;
    font-weight:bold;
  }
  h1{
    text-align: center;
    font-size:3em;
  }
</style>

<h1>Air Quality API</h1>


<div class="wrapper">
  <?php 
    if(isset($_GET['station']) && $_GET['station']!=''){
      $station = $_GET['station'];
    }else{
      $station = 'Texas';
    }

    $token = "*************************"; //here is my token, you can get your own
    $api_url = 'http://api.waqi.info/search/?token='.$token.'&keyword='.$station;
    $response = json_decode(file_get_contents($api_url));

    if(isset($response->status) && $response->status=="ok"){
      $stations = $response->data;
      foreach($stations as $station){
      $air_quality = ($station->aqi=='-')?'N/A':$station->aqi;

      if($air_quality=='N/A'){
        $class = 'gray';
      }else if($air_quality<51){
        $class="green";
      }else if($air_quality>50 && $air_quality<100){
        $class = "yellow";
      }
      else if($air_quality>101 && $air_quality<150){
        $class = "orange";
      }else if($air_quality>150 && $air_quality<200){
        $class = "red";
      }else if($air_quality>200 && $air_quality<300){
        $class = "redder";
      }else if($air_quality>300){
        $class = "reddest";
      }

      $updated_at = $station->time->stime;
      $station_name = $station->station->name;
      ?>

        <div class="single <?php echo $class;?>">
          <p class="aqi-value"><?php echo $air_quality;?></p>
          <p><?php echo $station_name;?></p>
        </div>

    <?php }}

  ?>
</div>

Author

Admin

Follow Me
Other Articles
Previous

Complete guide to Free Daily Horoscope API using PHP

Next

Encrypt/Decrypt String using a Private Secret Key with PHP

No Comment! Be the first one.

Leave a Reply

Your email address will not be published. Required fields are marked *

Recent Posts

  • Toyota Victory Festival Begins: Attractive Discounts and Offers on Toyota Vehicles for Dashain
  • NADA Auto Show 2026: Over a dozen new two-wheelers, including Nepal-made Yatri scooter, to be unveiled
  • Nepal Electric, Power, Light and Nepal Consumer Electronics and Home Appliances International Exhibition 2083 to be Held
  • 5 Decades of Automobile Industry in Nepal: The Story from 5.5 Million Vehicles to the ‘Made in Nepal’ Pavilion
  • New Nami Box Coming Soon – To Be Unveiled at NADA Auto Show 2026

Tags

adsense ai animate animation animation using HTML and CSS API blog calculator chatgpt Cryptocurrency CSS css animation design Email Facebook featured filemanager file manager free template google htaccess HTML image Instagram interview javascript JQuery jquery ui NADA AutoShow NADA Auto Show 2024 password PHP Progressive Web App PWA QR random react reactjs Rotate travel Twitter vpn youthforum youthsforum youtube

About Us

At Youths Forum, we are passionate about sharing knowledge that empowers students, educators, professionals, and technology enthusiasts.

Our Mission

Our mission is simple: to make technology and education accessible, understandable, and beneficial for everyone. We strive to create content that helps our readers learn new skills and stay updated with industry developments.

RSS RSS

  • Toyota Victory Festival Begins: Attractive Discounts and Offers on Toyota Vehicles for Dashain Admin
  • NADA Auto Show 2026: Over a dozen new two-wheelers, including Nepal-made Yatri scooter, to be unveiled Admin
  • Nepal Electric, Power, Light and Nepal Consumer Electronics and Home Appliances International Exhibition 2083 to be Held Admin

Quick Links

  • Stock Market Live
  • Parliament Election 2082
Copyright 2026 — Youths Forum. All rights reserved. Blogsy WordPress Theme