https://github.com/karthikudyawar/weather-react

Weather-react is a web-based React program to give weather information all around the world.
https://github.com/karthikudyawar/weather-react

api react reactjs weather-app

Last synced: 3 months ago
JSON representation

Weather-react is a web-based React program to give weather information all around the world.

• Host: GitHub
• URL: https://github.com/karthikudyawar/weather-react
• Owner: KarthikUdyawar
• License: mit
• Created: 2021-06-24T12:24:05.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2025-01-07T05:40:10.000Z (9 months ago)
• Last Synced: 2025-03-24T09:21:28.983Z (7 months ago)
• Topics: api, react, reactjs, weather-app
• Language: JavaScript
• Homepage:
• Size: 1.96 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 27
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


![](https://img.shields.io/badge/React-17.0.2-blue)

![](https://img.shields.io/badge/Version-0.1.0-blue)

![GitHub](https://img.shields.io/github/license/KarthikUdyawar/weather-react)

![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/KarthikUdyawar/weather-react)

![GitHub contributors](https://img.shields.io/github/contributors/KarthikUdyawar/weather-react)

![GitHub Repo stars](https://img.shields.io/github/stars/KarthikUdyawar/weather-react)

![GitHub issues](https://img.shields.io/github/issues/KarthikUdyawar/weather-react)






  

    

  

  
Weather-react


  


    Weather-react is a web-based React program to give weather information all around the world.

    


    Explore the docs »

    


    


    View Code

    ·

    Report Bug

    ·

    Pull Request

  


  Table of Contents

  


    


      About The Project

      


        
Built With

      

    

    


      Getting Started

      


        
Prerequisites

        
Installation

      

    

    
Roadmap

    
Contributing

    
License

    
Contact

    
Acknowledgements

  


## About The Project

![Demo of project](https://github.com/KarthikUdyawar/weather-react/blob/main/Screenshot/1.png)

Weather-react is a web-based React program to give weather information all around the world using OpenWeatherMap API.

Click [Demo](https://karthikudyawar.github.io/weather-react/) for demonstration.

### Built With

* [React](https://reactjs.org/)

## Getting Started

### Prerequisites

Make sure your app has the latest version of the following prerequisites.

* git v2.13 or greater

  ```powershell

  git --version                                  

  ```

* NodeJS 12 || 14 || 15 || 16

  ```powershell

  node --version                           

  ```

* npm v6 or greater

  ```powershell

  npm --version                          

  ```

### Setup

1. Get a free API Key at [openweathermap.org](https://openweathermap.org/api)

2. Clone the repo or [download](https://github.com/KarthikUdyawar/weather-react/archive/refs/heads/main.zip)

   ```bash

   git clone https://github.com/KarthikUdyawar/weather-react.git

   ```

3. Enter your API in `App.js`

   ```js

      const api = {

      key: "YOUR_API",

      base: "https://api.openweathermap.org/data/2.5/"

    }

   ```

4. Run it

    ```powershell

    npm start

    ```

## Roadmap

See the [network](https://github.com/KarthikUdyawar/weather-react/network) for a list of proposed features from Contributes.

## Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request

## License

Distributed under the MIT License. See [`LICENSE`](https://github.com/KarthikUdyawar/weather-react/blob/main/LICENSE) for more information.

## Contact

Instagram : [udyawarkarthik](https://www.instagram.com/udyawarkarthik/)

Github : [https://github.com/KarthikUdyawar](https://github.com/KarthikUdyawar)