https://github.com/kherrick/x-weather
A collection of Web Components implementing portions of the OpenWeatherMap API.
https://github.com/kherrick/x-weather
custom-elements service-worker weather weather-app web-components
Last synced: 7 months ago
JSON representation
A collection of Web Components implementing portions of the OpenWeatherMap API.
- Host: GitHub
- URL: https://github.com/kherrick/x-weather
- Owner: kherrick
- Created: 2018-05-30T07:19:41.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2020-10-02T00:16:46.000Z (about 5 years ago)
- Last Synced: 2024-08-04T01:05:38.804Z (over 1 year ago)
- Topics: custom-elements, service-worker, weather, weather-app, web-components
- Language: JavaScript
- Homepage: https://kherrick.github.io/x-weather-app/
- Size: 789 KB
- Stars: 6
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-web-components - XWeather - Collection of web components implementing portions of the OpenWeatherMap API. (Real World / Component Libraries)
README
# \
## About
A collection of [web components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) implementing portions of the [OpenWeatherMap API](https://openweathermap.org/api).
## Usage
### Static Import Example:
Install:
```bash
npm i x-weather
```
Render:
```html
import * as XWeather from './node_modules/x-weather/dist/esm/module.js'
XWeather.defineCustomElements()
```
### Dynamic Import Example:
Render:
```html
import('https://unpkg.com/x-weather/dist/esm/defineCustomElements.js')
.then(({
defineCustomElements
}) => {
defineCustomElements()
})
```
## Development
```bash
npm run start
```
## Lint
```bash
npm run lint
```
## Build
```bash
npm run build
```