Skip to content

This is a weather web application built using React. It allows users to fetch current weather data based on a user-inputted location.

Notifications You must be signed in to change notification settings

Shubham-sale/PRODIGY_WD_05

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather Web Application (React)

This is a weather web application built using React. It allows users to fetch current weather data based on a user-inputted location. The app displays the weather description and temperature in Celsius for the specified location, using data fetched from the OpenWeatherMap API.

Features

  • User Input: Users can enter a location to get the current weather data.
  • Weather Information: Displays the weather description and temperature in Celsius.
  • Current Time and Date: Shows the current system time and date.
  • Responsive Design: User-friendly interface on various devices.
  • Powered by React: Built using the React framework for a dynamic and interactive user experience.

Technologies Used

  • React: Used for building the user interface and managing component-based architecture.
  • JavaScript: Used for fetching weather data from the OpenWeatherMap API and updating the UI dynamically.
  • CSS: Used for styling the components and providing a visually appealing design.

How to Use

  1. Enter a location in the input field.
  2. Click the "Get Weather" button to fetch and display the weather information.
  3. The weather description and temperature in Celsius will be shown below the input field.

API Key

This project uses the OpenWeatherMap API to fetch weather data. You need to replace 'YOUR_API_KEY' in the Weather.js or relevant component file with your actual OpenWeatherMap API key. You can obtain a free API key by signing up on the OpenWeatherMap website.

Installation and Setup

  1. Clone the repository: git clone https://github.com/Shubham-sale/PRODIGY_WD_05.git
  2. Navigate to the project directory: cd weather-app-react
  3. Install dependencies: npm install
  4. Start the development server: npm start

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

This is a weather web application built using React. It allows users to fetch current weather data based on a user-inputted location.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published