Isis-gsantos / Weather-Forecast-APP

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Weather Forecast 🌤️

Weather-forecast

Descrição do Projeto / project Description 🌥️

O projeto é sobre um "APP" do tempo que foi feito em live do canal Dev em Dobro. O projeto utiliza uma API para buscar o clima das cidades, mostar condição climática, umidade e velocidade do vento.
Fiz o projeto com um estilo diferente do que foi criado em live, adicionando um gif de background, mudando a linguagem do português para o inglês para ser compatível com a linguagem de pesquisa da API e me desafiei a ir um pouquinho além. No projeto original a busca era feita apenas clicando no botão da lupa, adicionei em meu projeto a opção de pesquisar a cidade pressionando a tecla 'Enter'.
Foi a primeira vez que trabalhei usando uma API e elementos mais avançados no JavaScript, esse exercício foi muito valioso para mim pois além de aprender uma nova tecnologia foi um excelente exercício para desenvolver lógica, fiquei muito satisfeita com o resultado!

English Description

The project is about a weather forecast"APP", it was made live on the Dev em Dobro channel. The project uses an API to search for the city's climate showing weather conditions, humidity, and wind speed.
I created the project with a different style than what was created live, adding a background gif, and changing the language from Portuguese to English to be compatible with the API search language, I challenged myself to go a little further. In the original project, the search was done by clicking the magnifying glass button, I added the option to search the city in my project by pressing the 'Enter' key.
It was the first time I worked using an API and more advanced elements in JavaScript, this exercise was essential for me because in addition to learning a new technology, it was an excellent exercise for developing logic, and I was very satisfied with the result!

Tecnologias / Technologies 🌈:

  • HTML
  • CSS
  • JavaScript
  • API

Exemplo da busca utilizando o botão da lupa / Example of searching using the magnifying glass button 🌧️

Weather-forecast1

Exemplo da busca utilizando a tecla 'Enter' / Example of searching using the 'Enter' key 🌨️

Weather-forecast2

About


Languages

Language:CSS 35.8%Language:JavaScript 33.9%Language:HTML 30.3%