Skip to content

The React Weather App is a simple web application built using React, allowing users to check the current weather conditions for a specific city. Leveraging the OpenWeatherMap API, users can enter the name of a city to retrieve real-time weather information, including temperature, weather description, and wind speed.

ZainabM872/ReactWeatherApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

React Weather App

Screenshot 2024-01-02 at 4 27 07 PM Screenshot 2024-01-02 at 4 29 45 PM

Overview

This is a simple weather app built with React that allows users to check the current weather conditions for a specific city. The app utilizes the OpenWeatherMap API to fetch weather data based on user input.

Features

  • Search by City: Users can enter the name of a city to retrieve the current weather information.
  • Temperature Unit: The temperature is displayed in Celsius.
  • Responsive Design: The app is designed to work on various devices, providing a seamless experience.

Getting Started

Prerequisites

  • Node.js installed on your machine
  • OpenWeatherMap API key, which can be found here

Installation:

  1. Clone the repository:
git clone https://github.com/ZainabM872/react-weather-app.git
  1. Navigate to the project directory:
cd react-weather-app
  1. Install dependencies
npm install
  1. Start the development server:
npm start
  1. Open your browser and go to http://localhost:3000 to view the app.

Usage

  • Enter the name of a city in the input box.
  • Press "Enter" to fetch the weather data.
  • View the current weather conditions for the specified city.

Technologies Used

  • React
  • Open Weather Map API

Acknowledgments

Weather data is provided by Open Weather Map.

About

The React Weather App is a simple web application built using React, allowing users to check the current weather conditions for a specific city. Leveraging the OpenWeatherMap API, users can enter the name of a city to retrieve real-time weather information, including temperature, weather description, and wind speed.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published