Início Profile Projeto
Avatar de

Cristian da Rosa Melo

Weather React App

  • React
  • Javascript
  • Axios
  • CSS
  • GitHub
🇺🇸 English (apenas no GitHub)
🇧🇷 Português


Weather React App

Um simples aplicação de consultar endereço e descobrir o clima. Encontre dados de clima da sua cidade ou de qualquer outro local do mundo.

🔨 Recursos do projeto

Um aplicativo de pesquisa de endereço e exibição do tempo. Com um design simples e agradável, é um projeto indicado para iniciantes.

Consultar o clima é mais do que um hábito diário; é uma oportunidade de se conectar com a natureza e se preparar para o que está por vir. Observar as mudanças no clima pode nos ajudar a planejar nossas atividades e nos proteger contra eventos climáticos extremos.

É um sentimento fortalecedor saber que temos a capacidade de antecipar o clima e nos adaptar a ele. Quando consultamos o clima, podemos visualizar a dinâmica do mundo natural e apreciar a beleza da variação climática. A sensação de satisfação de estar preparado para um dia ensolarado ou uma chuva torrencial não pode ser exagerada.

⚙️ Técnicas e tecnologias usadas

Confira essa lista de tudo que vamos usar nesse app:

  • React
  • Create React App
  • JavaScript
  • Conditional Rendering
  • AWS Deployment
  • CSS 3
  • GitHub

🛠️ Abra e execute o projeto

Para abrir e executar o projeto, execute npm i para instalar as dependências e npm run dev para iniciar o projeto.

Em seguida, vá para http://localhost:3000/ em seu navegador.

📚 Mais informações do tutorial

Weather React App é um aplicativo para consulta de clima por localidade, desenvolvido a partir do tutorial Code Commerce. A ideia principal por trás da implementação deste tutorial é evoluir ainda mais o conhecimento em React e na ferramenta de consulta api, gerenciando estados com useState para renderização condicional com base no retorno.

🪧 Vitrine.Dev
Nome Weather React App
🏷️ Tecnologias React, Javascript, Axios, CSS, GitHub (tecnologias utilizadas)
🚀 URL https://react-app-weather-forecast.vercel.app/
🔥 Desafio https://www.youtube.com/watch?v=UjeXpct3p7M&t=615s&ab_channel=CodeCommerce