mitgate / react-openweathermap-web

Interface criativa ao OpenWeatherMap com React Web sem a utilização de node.js, sem backend

react-openweathermap-web

EN: Interface to openweathermap.org API using React and pure CSS without npm, webpack, or other components.

PT_BR: Interface para openweathermap.org API com React e puro CSS sem a utilização de npm ou webpack, ou outros componentes.

Este é uma demonstração de simplicidade, utilizando os recursos mais leves possíveis com React diretamente no navegador, sem compilação, sem node.js, sem modulos NPM.

Recursos:

• Campo de “input” para digitar a cidade.

• Caixa de resultados que informa local, umidade, condição e temperatura corrente em graus Celsius.

• Caso a cidade não esteja na lista do openweathermap, será informado: “Cidade não encontrada”

• A cada caractere digitado no campo da cidade atualiza os resultados carregados via json.

• Aceita buscas com acento ou sem, letras maiusculas ou minusculas, (caracteres epeciais, ç ã õ ...etc)

• Criado React componente para sugerir cidades e autocompletar.

Efetue download deste repositório diretamente em seu servidor web sem a necessidade de instalar nenhum outro recurso.

$ git clone https://github.com/mitgate/react-openweathermap-web.git

Caso deseje atualizar a lista de cidades:

Efetue o download do arquivo contendo nomes das cidades.

$ wget http://bulk.openweathermap.org/sample/city.list.json.gz

descompacte o arquivo:

$ gunzip city.list.json.gz

O arquivo city.list.json contem cidades do mundo todo, atendidas pelo openwheatermap.org, para facilitar, filtraremos as cidades do Brasil no arquivo .json utilizando jq $ yum install jq or $ apt-get install jq

$ cat city.list.json | jq -c '.[] | select( .country | contains("BR")) | {"name","state","country","coord"}' > data/br_cidades.json

Demo: https://docs.mitgate.com.br/clima/