Skip to content

The Weather App is a user-friendly application developed with React.js, offering real-time weather updates using the OpenWeather API. With a clean and intuitive interface, users can input their desired city, state, and country to instantly retrieve current weather information.

Notifications You must be signed in to change notification settings

piyushkdas0611/weather-app-using-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App using React.js and OpenWeather API

Welcome to the Weather App, a simple and intuitive weather application built with React.js and powered by the OpenWeather API. Stay informed about the current weather conditions in any city, state, or country with just a few clicks.

How to Use

  1. Clone the Repository:

    git clone https://github.com/your-username/weather-app.git
  2. Install Dependencies:

    cd weather-app
    npm install
  3. Get Your API Key: Obtain your OpenWeather API key by signing up here. Replace the placeholder API key in the Weather.js file with your actual API key.

  4. Run the App:

    npm start
  5. Usage:

    • Enter the desired city, state, and country in the input fields.
    • Click the "Submit" button to fetch the current weather information.

Code Overview

  • The main functionality is implemented in the Weather.js file.
  • The OpenWeather API key is stored in the API constant.
  • User input is captured and processed using the getWeather and handlechange functions.
  • Weather data is fetched from the OpenWeather API, and the results are displayed using the DisplayWeather component.

Screenshots

Screenshot (21)

Demo

Check out the live demo of the Weather App here.

Author

Acknowledgments

Special thanks to OpenWeather for providing the weather data API.

Feel free to explore, contribute, and customize the Weather App according to your needs. Happy coding! 🌦️🌍

About

The Weather App is a user-friendly application developed with React.js, offering real-time weather updates using the OpenWeather API. With a clean and intuitive interface, users can input their desired city, state, and country to instantly retrieve current weather information.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published