warnick

@warnick/forecast-js

  "description": "Weather data using vue.js",

  "repository": "https://github.com/ajwarnick/forecast-js",

    "test": "echo \"Error: no test specified\" && exit 1",

    "watch": "sass --watch scss/forecast.scss dist/css/forecast.css",

    "scss": "sass scss/forecast.scss dist/css/forecast.css",

    "scssMin": "sass scss/forecast.scss:dist/css/forecast.min.css --style compressed",

    "build": "npm run scssMin | npm run scss | npm run jsMin"

# ![forecast.js logo](https://raw.githubusercontent.com/ajwarnick/forecast-js/master/logo/logo.png)

A small weather app using data from the [National Weather Service (NWS)](https://www.weather.gov)

Using Vue for data binding this app provides both current data, forecast predictions, and weather map for a ZIP code in the United States. The data is obtained from the [National Weather Service (NWS)](https://www.weather.gov) which is supported through federal taxes dollars. This library is markup agnostic and simply provides an object you can inject into your design. 

Use the [NPM](https://www.npmjs.com) package manager to install [forecast-js](https://www.npmjs.com/package/@warnick/forecast-js). For ----

Simply, include the CDN links in the head of your HTML. (See above for typical use).

Before you begin there are a few things you need.

Import the library into the head of your `index.html` file. 

In the body of your HTML, everything should be within a `<div class="results" id="app">`

To trigger the fetching of data you will need to use the input for ZIP code. 

There are six main categories of information: location, time, alerts, current, hourly, and forecast. Within each of these there are a myriad of pieces of data you can implement into your application. 

This is based on the Zip Code entered in the input or retrieved from a browser cookie. This object contains: 

| Icon                                                         | Code         | Description                  |

| ------------------------------------------------------------ | ------------ | ---------------------------- |

| ![clear sky icon](https://raw.githubusercontent.com/ajwarnick/ART300_weather_base/master/img/01d.png) | skc          | Clear Sky                    |

| ![few clouds icon](https://raw.githubusercontent.com/ajwarnick/ART300_weather_base/master/img/02d.png) | few          | Few Clouds                   |

| ![scattered clouds icon](https://raw.githubusercontent.com/ajwarnick/ART300_weather_base/master/img/03d.png) | sct          | Scattered Clouds             |

| ![broken clouds icon](https://raw.githubusercontent.com/ajwarnick/ART300_weather_base/master/img/04d.png) | bkn          | Broken Clouds                |

| ![shower rain icon](https://raw.githubusercontent.com/ajwarnick/ART300_weather_base/master/img/09d.png) | rain_showers | Rain Showers                 |

| ![rain icon](https://raw.githubusercontent.com/ajwarnick/ART300_weather_base/master/img/10d.png) | rain         | Rain                         |

| ![thunderstorm icon](https://raw.githubusercontent.com/ajwarnick/ART300_weather_base/master/img/11d.png) | tsra         | Thunderstorm                 |

| ![snow icon](https://raw.githubusercontent.com/ajwarnick/ART300_weather_base/master/img/13d.png) | snow         | Snow                         |

| ![mist icon](https://raw.githubusercontent.com/ajwarnick/ART300_weather_base/master/img/50d.png) | fog          | Fog, Haze, <br />Smoke, Dust |

###### [All Variables](https://codesandbox.io/s/forecast-js-all-v201-kn5de?file=/index.html)

###### [Current Temp](https://codesandbox.io/s/forecast-js-temp-v201-8bts7)

###### [Display Icon](https://codesandbox.io/s/forecast-js-images-v201-wg57e)

###### [Forecast](https://codesandbox.io/s/forecast-js-temp-v201-8bts7)

ZIP code look up is now handled with openstreemaps

Set default ZIP code with a data attribute:

removed the city variable replaced with location.city 

Moon has changed from .moon to be an object .moon.class is slug (i.e. "waxing-crescent-moon") and .moon.name is human readable (i.e. "Waxing Crescent Moon") this breaks past uses of moon 

weather.current.uv - UV index from the EPA's Envirofacts Data Service API  

weather.current.air_quality - Air quality information from EPA's airnow.gov   

 [OpenWeatherMap](https://openweathermap.org/api) and [Weatherbit](https://www.weatherbit.io/api) data  

current.uv [Hopefully will return in v3]  

cuurrent.air_quality [Hopefully will return in v3]  

This project is licensed under the MIT License

		{
		"name": "@warnick/forecast-js",
		"version": "2.3.0",
		"version": "2.3.1",
		"description": "Weather data using vue.js",
		@@ -5,0 +5,0 @@ "repository": "https://github.com/ajwarnick/forecast-js",

		@@ -184,2 +184,4 @@ # ![forecast.js logo](https://raw.githubusercontent.com/ajwarnick/forecast-js/master/logo/logo.png)

		###### [All Variables](https://codesandbox.io/s/forecast-js-all-v201-kn5de?file=/index.html)

		###### [Current Temp](https://codesandbox.io/s/forecast-js-temp-v201-8bts7)
		@@ -193,2 +195,13 @@

		#### [2.3.1] - 2021-09-28

		##### Added

		ZIP code look up is now handled with openstreemaps

		##### Added

		Issue with ZIP codes starting with 0


		#### [2.3.0] - 2021-09-15
		@@ -354,2 +367,2 @@

		This project is licensed under the MIT License
		This project is licensed under the MIT License

Improved metrics

Worsened metrics