↓ ⇩ ↓ ⇩ ↓ - MOST RECENT VERSION !!! - ↓ ⇩ ↓ ⇩ ↓

↓ ⇩ ↓ ⇩ ↓ ⇩ ↓ ⇩ ↓ ⇩ ↓ ⇩ ↓ ⇩ ↓ ⇩ ↓ ⇩ ↓ ⇩ ↓ ⇙ ⇙ ⇙

➘
⇘
➘

⇢ live site ⇰ https://petite-lydian-idea.glitch.me ⇜ ⇜ ⇜ ⇜ ⇜

⇢ code ⇰ https://glitch.com/edit/#!/petite-lydian-idea ⇜ ⇜ ⇜ ⇜ ⇜

➚
⇗
➚

⇧ ↑ ⇧ ↑ ⇧ ↑ ⇧ ↑ ⇧ ↑ ⇧ ↑ ⇧ ↑ ⇧ ↑ ⇧ ↑ ⇧ ↑ ⇧ ⇖ ⇖ ⇖

☀️ Weather-UI ☀️ dynamic UI that changes according to local weather and time zone changes TECH: SASS (css pre-compiler) NextJS OpenWeather API 🕺 🚶 🤼‍♂️ 🏋️‍♂️ 🤸 🤾 🕴️💃 🕺 🏌️ 🚶 🤼‍♂️ 🏋️‍♂️ 🤸 🤾 🕴️💃 🕴️🕴️ USER STORIES: - - - - 🕺 🏌️ 🚶 🤼‍♂️ 🏋️‍♂️ 🤸 🤾 🕴️💃 🕺 🏌️ 🤼‍♂️ 🏋️‍♂️ 🤸 🤾 🕴️💃 🕴️🕴️ TO BE DONE!... - convert C to F - convert km to mi - debug temp value - ******************** Study how to impliment the following for ideas apply some logic to automate styles based on API output ***************************************************** DONE!... - - - - ------------------------------------------------------------------------------------------------------------

• Test
  open-weather-map

// sample code

fetch(
  "https://community-open-weather-map.p.rapidapi.com/weather?q=London%2Cuk&lat=0&lon=0&callback=test&id=2172797&lang=null&units=%22metric%22%20or%20%22imperial%22&mode=xml%2C%20html",
  {
    method: "GET",
    headers: {
      "x-rapidapi-key": "d5780d7757msh7c61b742690e076p1596bbjsn7ad45870345d",
      "x-rapidapi-host": "community-open-weather-map.p.rapidapi.com",
    },
  }
)
  .then((response) => {
    console.log(response);
  })
  .catch((err) => {
    console.error(err);
  });

result:

test({
  "coord": {
    "lon": -116.5453,
    "lat": 33.8303
  },
  "weather": [
    {
      "id": 800,
      "main": "Clear",
      "description": "clear sky",
      "icon": "01d"
    }
  ],
  "base": "stations",
  "main": {
    "temp": 299.06,
    "feelslike": 297.89,
    "tempmin": 292.59,
    "temp_max": 307.15,
    "pressure": 1013,
    "humidity": 7
  },
  "visibility": 10000,
  "wind": {
    "speed": 2.57,
    "deg": 70
  },
  "clouds": {
    "all": 1
  },
  "dt": 1617995965,
  "sys": {
    "type": 1,
    "id": 5412,
    "country": "US",
    "sunrise": 1617974542,
    "sunset": 1618020748
  },
  "timezone": -25200,
  "id": 5380668,
  "name": "Palm Springs",
  "cod": 200
})