ReactToWeather

KO | EN

gitlite — search

#react #python #javascript #hacktoberfest #typescript #css #python3 #android #unity #php #ios #swift

★ 24 Open GitHub ↗

ReactToWeather is an open source project one can find the current weather of any city irrespective of the location. This project looks very simple but looking forward to unique features and capabilities to it .

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

</p>

<h1 align="center" font-size="10">Welcome all to open source 🚀</h1>
<p align="center">
<img src="https://forthebadge.com/images/badges/built-with-love.svg" />
<img src="https://forthebadge.com/images/badges/uses-brains.svg" />
<img src="https://forthebadge.com/images/badges/powered-by-responsibility.svg" />
 <br>
 <img src="https://img.shields.io/github/repo-size/ManishaSwain8/ReactToWeather?style=for-the-badge" />
   <img src="https://img.shields.io/github/issues/ManishaSwain8/ReactToWeather?style=for-the-badge" />
   <img src="https://img.shields.io/github/issues-closed-raw/ManishaSwain8/ReactToWeather?style=for-the-badge" />
    <img src="https://img.shields.io/github/license/ManishaSwain8/ReactToWeather?style=for-the-badge" />

## 📃 Table of Contents
1. [About ReactToWeather](#about)
2. [Want to Contribute?](#contribute)
3. [Info About API](#api)
4. [Prerequisites](#prerequisites)
5. [Tech Stack Used](#techstack)
6. [Preview](#preview)
7. [License](#license)
8. [Code of Conduct](#coc)

<a name="about"></a>
<div align="center"><h1>🙌 About ReactToWeather</h1></div>

-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.

<h3>*** Lets make it unique ***</h3>

<a name="contribute"></a>
<div align="center"><h1>💈 Want to Contribute?</h1></div>

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.</br>
Please checkout  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

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

3. Run the following command to change the working directory

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

4. Run the following command to install all the dependencies

```sh
npm install
```

```sh
npm i
```

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

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

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

```sh
git status -s
```

- Add all the files to the staging area

```sh
git add .
```

5. Commit your changes (add decent message )

```sh
git commit -m "<EXPLAIN-YOUR_CHANGES>"
```

6. Push your changes

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

7. Open a Pull Request

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

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

<h3>*** Banzai banzai, yatta ne !! ***</h3>

<a name="api"></a>
 <div align="center"><h1>💫 Info about API </h1></div>

<img src="https://ds-blobs-4.cdn.devapps.ru/23868180.png"/>
Use the api from OpenWeatherMap (Current Weather Data package)

OpenWeatherMap- https://openweathermap.org/current

<a name="prerequisites"></a>
<div align="center"><h1>🧾 Prerequisites</h1></div>

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

<a name="techstack"></a>
<div align="center"><h1>⚡ Tech Stack Used</h1></div>

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![Framer](https://img.shields.io/badge/Framer-black?style=for-the-badge&logo=framer&logoColor=blue)
![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=for-the-badge&logo=figma&logoColor=white)
![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

<br>
<a name="preview"></a>
<div align="center"><h1>👀 Preview </h1></div>

![Screenshot (187)](https://github.com/ManishaSwain8/WeatherWebApp/assets/96622693/52dab97a-f58f-491d-bafc-e540d0090c78)

<a name="license"></a>
<div align="center"><h1>📜 License</h1></div>

This Community is <a href="https://github.com/ManishaSwain8/ReactToWeather/blob/master/LICENSE">Licensed</a> under MIT license.

<a name="coc"></a>
<div align="center"><h1>🧧 Code of Conduct</h1></div>

Check out <a href="https://github.com/ManishaSwain8/ReactToWeather/blob/master/CONTRIBUTING.md">Code of Conduct</a> to know inclusive environment that respects all contributions.

We value an inclusive environment that respects all contributions. To ensure a positive experience for everyone, please review our Code of Conduct.

---

<h3 align="center"> If you learnt something do give a ⭐ to this repo !!
<div align="center"><h1>❤️ Thanks to all the contributors</h1></div>

---

ReactToWeather

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README