https://github.com/markmybytes/wmo-wx-widget
A responsive, self-hostable weather widget that provide official weather information around the world.
https://github.com/markmybytes/wmo-wx-widget
Last synced: 4 months ago
JSON representation
A responsive, self-hostable weather widget that provide official weather information around the world.
- Host: GitHub
- URL: https://github.com/markmybytes/wmo-wx-widget
- Owner: markmybytes
- License: gpl-2.0
- Created: 2025-02-13T08:38:57.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-07T05:15:42.000Z (11 months ago)
- Last Synced: 2025-09-15T06:47:50.096Z (9 months ago)
- Language: TypeScript
- Homepage: https://wmo-wx-widget.vercel.app
- Size: 258 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[![Tag][tag-shield]][tag-url]
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![License][license-shield]][license-url]
wmo-wx-widget
A responsive, self-hostable weather widget that provide official weather information around the world.
Report Bug
·
Request Feature
## About The Project
An alternative to the weather widgets that already exists on the internet.
_wmo-wx-widget_ brings you the weather information form a trustworthy source [World Meteorological Organization](http://wmo.int/about-wmo/overview), which relay the data from the local weather forecast organisation around the world.
### Built With
[
](https://tailwindcss.com/)
[
](https://nextjs.org/)
[
](https://tailwindcss.com/)
## Getting Started
### Prerequisites
- Node 22 https://nodejs.org/en/download/package-manager
### Setup
#### Install dependencies
- Install NPM packages
```sh
npm install
```
#### Commands
* Development
```sh
npm run dev
```
* Preview
```sh
npm run build && npm run start
```
* Docker Build
```sh
docker build -t wmo-wx-widget .
```
## Usage
### Responsive Widget
The widget will adjust itself to accomandate the size of the screen.
### Widget Customiser
A configurating tool to configure the location and various display settings.
### Embedding
The widget can be embedding to note taking apps like Notion for your travel plans or working plans.
[tag-url]: https://github.com/markmybytes/wmo-wx-widget/releases
[tag-shield]: https://img.shields.io/github/v/tag/markmybytes/wmo-wx-widget?style=for-the-badge&label=LATEST&color=%23B1B1B1
[contributors-shield]: https://img.shields.io/github/contributors/markmybytes/wmo-wx-widget.svg?style=for-the-badge
[contributors-url]: https://github.com/markmybytes/wmo-wx-widget/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/markmybytes/wmo-wx-widget.svg?style=for-the-badge
[forks-url]: https://github.com/markmybytes/wmo-wx-widget/network/members
[stars-shield]: https://img.shields.io/github/stars/markmybytes/wmo-wx-widget.svg?style=for-the-badge
[stars-url]: https://github.com/markmybytes/wmo-wx-widget/stargazers
[issues-shield]: https://img.shields.io/github/issues/markmybytes/wmo-wx-widget.svg?style=for-the-badge
[issues-url]: https://github.com/markmybytes/wmo-wx-widget/issues
[license-shield]: https://img.shields.io/github/license/markmybytes/wmo-wx-widget?style=for-the-badge
[license-url]: https://github.com/markmybytes/wmo-wx-widget/blob/master/LICENSE
[product-screenshot]: https://github.com/markmybytes/wmo-wx-widget/assets/71750702/e605d36b-e0a0-46ba-adec-f65fa260679b