Skip to content

Garuna414/React-Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App using ReactJS

Welcome to the Weather App, a ReactJS-based application that allows users to check the current weather and a 5-day forecast for various cities around the world. The app utilizes the GeoDB Cities API for city suggestions and the OpenWeather API for weather data.

Features

  • City Suggestions: Get autocomplete suggestions as you type, thanks to the GeoDB Cities API.
  • Current Weather: View real-time weather information for a selected city.
  • 5-Day Forecast: Plan ahead with a 5-day weather forecast to stay prepared.
  • React Pages Hosting: The app is hosted using React Pages.

Demo

Check out the Weather App in action: Your Weather App URL Here

How to Use

  1. City Search: Start typing the name of a city, and the app will provide suggestions for you to choose from.
  2. Current Weather: Once you select a city, you'll see the current weather conditions, including temperature, humidity, and wind speed.
  3. 5-Day Forecast: Scroll down to find a detailed 5-day forecast to help you plan for the upcoming days.

Technologies Used

  • ReactJS
  • GeoDB Cities API
  • OpenWeather API
  • React Pages for Hosting

How to Run Locally

To run the Weather App locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/your-username/your-repo.git
  2. Install dependencies:

    cd your-repo
    npm install
  3. Start the development server:

    npm start
  4. Open your browser and navigate to http://localhost:3000 to view the app.

Deployment

Deploy your Weather App using React Pages or any other hosting service of your choice.

Acknowledgments

Feel free to contribute, report issues, or suggest improvements. Stay informed about the weather, and enjoy using the Weather App!