A React project one can find the current weather of any city irrespective of the location
Tags: weather
Published: 2023-10-28 15:13:08

---
title: A React project one can find the current weather of any city irrespective of the location
published: true
date: 2023-10-10 00:12:00 UTC
tags: Weather
canonical_url: https://reactjsexample.com/a-react-project-one-can-find-the-current-weather-of-any-city-irrespective-of-the-location/
---

 ![A React project one can find the current weather of any city irrespective of the location](https://reactjsexample.com/content/images/2023/10/Code_2023-10_11-07-41.jpg)

# 🙌 About ReactToWeather

-This is a beginner friendly project .

- One can get weather using city name.
- Temperature toggle available(toggle and convert temp into Fahrenheit,Kelvin,Celsius).
- Get info about wind speed,humidity,etc.
- Currently looking forward for new features.

### \*\*\* Lets make it unique \*\*\*

# 💈 Want to Contribute?

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. Please checkout [https://github.com/ManishaSwain8/ReactToWeather/blob/master/CONTRIBUTING.md](https://github.com/ManishaSwain8/ReactToWeather/blob/master/CONTRIBUTING.md)

We welcome contributions through pull requests (PRs). To submit a PR, please follow these steps:

1. Fork the Project
2. Clone your forked repository

```
git clone https://github.com/ManishaSwain8/ReactToWeather.git
```

1. Run the following command to change the working directory

```
cd react-to-weather
```

1. Run the following command to install all the dependencies

```
npm install
```

or

```
npm i
```

1. Now go ahead and create a new branch and move to the branch

```
git checkout -b <branch-name>
```

1. After you have added your changes, follow the following command chain Check the changed files

```
git status -s
```

- Add all the files to the staging area

```
git add .
```

1. Commit your changes (add decent message )

```
git commit -m "<EXPLAIN-YOUR\_CHANGES>"
```

1. Push your changes

```
git push origin <branch-name>
```

1. Open a Pull Request

- Make a pull request! (compare your branch with the owner main branch)

#### ⚠️ Do not open PR unless it is assigned to you ,else the PR will not get merged !🚧 

### \*\*\* Banzai banzai, yatta ne !! \*\*\*

# 💫 Info about API 

![A React project one can find the current weather of any city irrespective of the location](https://camo.githubusercontent.com/61453e271b84a83d81d50f0290fce201f683984f13892736ac94c8d589a13da0/68747470733a2f2f64732d626c6f62732d342e63646e2e646576617070732e72752f32333836383138302e706e67)

Use the api from OpenWeatherMap (Current Weather Data package)

OpenWeatherMap- [https://openweathermap.org/current](https://openweathermap.org/current)

# 🧾 Prerequisites

Before starting out, you’ll need to install the following on your computer.

[![A React project one can find the current weather of any city irrespective of the location](https://camo.githubusercontent.com/7d7b100e379663ee40a20989e6c61737e6396c1dafc3a7c6d2ada8d4447eb0e4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6e6f64652e6a732d3644413535463f7374796c653d666f722d7468652d6261646765266c6f676f3d6e6f64652e6a73266c6f676f436f6c6f723d7768697465)](https://nodejs.org/en/download/)[![A React project one can find the current weather of any city irrespective of the location](https://camo.githubusercontent.com/b47580b7e8e0b4ce9bb718070140318f72d316a0c88e0dd53a5ac4b0bdfc755e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4e504d2d2532333030303030302e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d6e706d266c6f676f436f6c6f723d7768697465)](https://www.npmjs.com/)

# ⚡ Tech Stack Used

![A React project one can find the current weather of any city irrespective of the location](https://camo.githubusercontent.com/ab4c3c731a174a63df861f7b118d6c8a6c52040a021a552628db877bd518fe84/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f72656163742d2532333230323332612e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d7265616374266c6f676f436f6c6f723d253233363144414642) ![A React project one can find the current weather of any city irrespective of the location](https://camo.githubusercontent.com/8dd824ea756f2c018e9eadcc699fcfa79a5dbe0a50ca2c4a87f79f323a74d3c9/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4672616d65722d626c61636b3f7374796c653d666f722d7468652d6261646765266c6f676f3d6672616d6572266c6f676f436f6c6f723d626c7565) ![A React project one can find the current weather of any city irrespective of the location](https://camo.githubusercontent.com/9a8ccd8ae319ddac9934db226e7834d7e1c61a31076e7d7c04ecb5bf352967aa/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6669676d612d2532334632344531452e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d6669676d61266c6f676f436f6c6f723d7768697465) ![A React project one can find the current weather of any city irrespective of the location](https://camo.githubusercontent.com/49fbb99f92674cc6825349b154b65aaf4064aec465d61e8e1f9fb99da3d922a1/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f68746d6c352d2532334533344632362e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d68746d6c35266c6f676f436f6c6f723d7768697465) ![A React project one can find the current weather of any city irrespective of the location](https://camo.githubusercontent.com/e6b67b27998fca3bccf4c0ee479fc8f9de09d91f389cccfbe6cb1e29c10cfbd7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f637373332d2532333135373242362e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d63737333266c6f676f436f6c6f723d7768697465) ![A React project one can find the current weather of any city irrespective of the location](https://camo.githubusercontent.com/aeddc848275a1ffce386dc81c04541654ca07b2c43bbb8ad251085c962672aea/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6a6176617363726970742d2532333332333333302e7376673f7374796c653d666f722d7468652d6261646765266c6f676f3d6a617661736372697074266c6f676f436f6c6f723d253233463744463145)

# 👀 Preview 

![A React project one can find the current weather of any city irrespective of the location](https://user-images.githubusercontent.com/96622693/271088745-52dab97a-f58f-491d-bafc-e540d0090c78.png)

# 📜 License

This Community is [Licensed](https://github.com/ManishaSwain8/ReactToWeather/blob/master/LICENSE) under MIT license.

## GitHub

[View Github](https://github.com/ManishaSwain8/ReactToWeather?ref=reactjsexample.com)