Skip to content

Latest commit

 

History

History
57 lines (38 loc) · 2.59 KB

README.md

File metadata and controls

57 lines (38 loc) · 2.59 KB

React Weather App

GitHub top language GitHub language count GitHub repo size

Weather App built with React Live Demo

Tech Used

Features

  • Live Weather for any city or place
  • Find Detailed Weather of any city in understandable units
  • Check the Humidity of any place
  • Check the Wind Speed and Cloudiness of any place
  • Detail Description of current weather

Getting Started

First you have to Install "axios"

npm install axios
  • Axios allows you to communicate with the APIs in your React project.
  • Axios is a promise-based HTTP Client for node.js and the browser. It is isomorphic (= it can run in the browser and nodejs with the same codebase). On the server-side it uses the native node.js http module, while on the client (browser) it uses XMLHttpRequests.

Then you need an API key from OpenWeatherMap API, you can get one by creating an account on their website OpenWeatherMap
Click on Current weather data section in website and learn how to make API call and After you got your API key, copy the line below to the file and replace "API key" with your OpenWeatherMap API Key in appid.

https://api.openweathermap.org/data/2.5/weather?q=${location}&units=metric&appid={API key}

Finally clone this repository, install dependencies and run the local server

git clone https://github.com/Rishav-02/react-weather-app.git
cd reactweather
npm install
npm start

Credits

OpenWeatherMap (Weather data API)

unsplash.com (Background Image)