Application to View Weather Data of Cities,Created Using React.js

Last update: Dec 18, 2021

Previsão de Chuva Horária-app - criado utilizando ReactJS

Aplicação para visualizar dados climáticos das cidades.

A aplicação consome duas API's da Open Weather Map

DESKTOP

MOBILE

🔧 Instalação Para clonar o projeto via HTTPS, execute este comando:

git clone 🔧 Instalação Para clonar o projeto via HTTPS, execute este comando:

git clone https://github.com/Thadeu84/climatempo Após a finalização do clone, instale as dependências com o comando:

npm install
Com as instalações das dependencias finalizadas, podemos dar início a execução do projeto. Após a finalização do clone, instale as dependências com o comando:

npm install
Com as instalações das dependencias finalizadas, podemos dar início a execução do projeto.

👷 Execução e demais configurações

Para iniciar a aplicação, rode o comando:

yarn start

Referente as demais configurações, para efeito de testes, de quem desejar baixar o repositório:

É necessário criar um cadastro na Open Weather Map para gerar uma API KEY, porém deixei o projeto já configurado com as KEYS que criei, é interessante se cadastrar lá, gerar a própria API KEY.

API KEY gratuita com limite de 60 requisições/minuto e 1.000,000 requisições/mês

👷 Substituindo a API KEY que deixei no projeto pela gerada por ti:

Vá até o arquivo api.js o mesmo está dentro da pasta src/app/services

src/app/services/api.js

GitHub

https://github.com/Thadeu84/climatempo
You might also like...

A simple weather app developed using React and the Metaweather API

A simple weather app developed using React and the Metaweather API

A lovely Weather Forecast App that allows you to search by city. Created with React and Bootstrap.

Jun 7, 2022

🌞 Weather App2 With React, React Native, Expo

🌞 Weather App2 With React, React Native, Expo

React-Native-Weather-App2 🔗 Demo https://expo.dev/@sugargw/weather-app2 🖥 Preview 🔥 Stack Front-end ✅ Packages React React Native Expo 📖 Theory Re

Jun 7, 2022

React Weather App

 React Weather App

React Weather App

May 1, 2022

Weather APP built with React JS as requirement for the WIT selective process

React JS Weather APP This project was built with React JS as requirement for the WIT selective process. The app is avaliabe at https://weather-app-wit

Nov 1, 2021

Simple React weather app

Weather app Prerequisites Packages The project officially uses Yarn, however you can use whichever package manager you like. Install as follows: NPM n

Nov 7, 2021

An example of a weather app UI built with Ionic and React

An example of a weather app UI built with Ionic and React

ionic-weather-app-ui An example of a weather app UI built with Ionic and React If you'd like to support, you can buy me a coffee ☕️ Included in this I

Jun 1, 2022

Weather App with React JS

Weather App with React JS

Weather App With React JS This project designed with HTML, CSS, BOOTSTRAP, JS, REACT JS . I used somteacodes/weatherapp's design for the UI design and

May 30, 2022

React weather app with Geolocation and openweathermap.org-Api. 🌎

React weather app with Geolocation and openweathermap.org-Api. 🌎

Available Scripts npm start Runs the app in the development mode. Open http://localhost:3000 to view it in the browser. The page will reload if you ma

Mar 25, 2022

A simple weather app developed with React

A simple weather app developed with React

React Weather Um aplicativo meteorológico simples desenvolvido com React Live Demo on Vercel API Os dados meteorológicos são recuperados de http://ope

Jun 14, 2022
Weather-app - Build a weather app in react js using Open Weather API

React JS Weather App Build a weather app in react js using Open Weather API. Fol

Jan 23, 2022
React Weather App - A simple weather app that allows you to get current weather information
 React Weather App - A simple weather app that allows you to get current weather information

React Weather App - A simple weather app that allows you to get current weather information

Apr 9, 2022
Weather-App - A Web application shows dynamic weather report using Reactjs and openweather
Weather-App - A Web application shows dynamic weather report using Reactjs and openweather

Screenshots of this project Getting Started with Create React App This project w

Jan 28, 2022
Weather App - a simple weather app developed in typescript using React, HTML and SASS
Weather App - a simple weather app developed in typescript using React, HTML and SASS

Weather App is a simple weather app developed in typescript using React, HTML and SASS. The app allows you to see the weather from your current location or another location around the globe using OpenWeather Api and Google Maps Api

Jun 2, 2022
Weather - Live Weather Prediction using ReactJs
Weather - Live Weather Prediction using ReactJs

Live Weather Prediction using ReactJs Fetches Temperature with location name, Pr

Jan 16, 2022
A weather app that was built using weather APIs and is a PWA web app
A weather app that was built using weather APIs and is a PWA web app

This is a weather app that was built using weather APIs and is a PWA web app.

May 13, 2022
Weather Application built using ReactJs , OpenCage API and OpenWeatherMap API

Weather-bot Netlify Site Status : Weather application built using ReactJs, OpenCage Api and OpenWeatherMap Api Tech Stack and Dependencies Name Descri

May 13, 2022
A weather application that uses React-Typescript and favors a multi-layered architecture.

Getting Started with Create React App This project was bootstrapped with Create React App. Run with npm run start A simple weather widget that display

Dec 22, 2021
Weather Progressive Web Application
Weather Progressive Web Application

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build, deploy and publish a Weather Progressive Web App. Covered topics: React.js, Service Workers, PWA, Lighthouse...

Jun 14, 2022
Create A Simple Weather App Using React
Create A Simple Weather App Using React

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Jun 13, 2022