Skip to content

G-nizam-A/weather-app-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App

Weather App Screenshot

A simple and user-friendly weather application that fetches and displays real-time weather data based on user input. It integrates with the OpenWeatherMap API to provide accurate weather information, including conditions, temperature, and humidity.

Table of Contents

Features

  • Responsive user interface for easy access on various devices.
  • Auto-suggestions for city names using the react-autosuggest library.
  • Display of temperature in Celsius.
  • Integration with the OpenWeatherMap API for real-time weather data.
  • Error handling for empty city input.

Demo

Visit the live demo of the Weather App: https://g-nizam-a.github.io/weather-app

Getting Started

Prerequisites

  • Node.js v16.14.2
  • npm v8.5.0
  • React v18.2.0

Installation

  1. Clone the repository:
    git clone https://github.com/your-username/weather-app-react.git
    
  2. Navigate to the project directory:
    cd weather-app
    
  3. Install dependencies:
    npm install
    

Usage

  1. Start the development server:
    npm start
    
  2. Open your web browser and go to http://localhost:3000 to access the Weather App

API Integration

The Weather App integrates with the OpenWeatherMap API to fetch weather data. You can customize the API endpoint and parameters in the getWeather function within the App.js file. https://home.openweathermap.org/api_keys To use your own API key, replace API_KEY in the api.js file with your OpenWeatherMap API key.

Contributing

Contributions to this project are welcome! Feel free to open issues and submit pull requests for any improvements, bug fixes, or new features.