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: 3 days 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 6 years ago)
• Default Branch: master
• Last Pushed: 2020-10-02T00:16:46.000Z (about 4 years ago)
• Last Synced: 2024-08-04T01:05:38.804Z (3 months 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

```