Skip to content

jayasree-007/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Weather-App

This is a simple weather app that fetches real-time weather data using the OpenWeather API.

Features

  • Search for a city and get its current weather.
  • Displays temperature, humidity,wind speed, and an appropriate weather icon.
  • Error handling for invalid city names.

Technologies Used

HTML: Structure of the app.

CSS: Styling and responsive design.

JavaScript: Fetching and displaying weather data.

SetUp Instructions

1. Clone the Repository:

  git clone https://github.com/Jessi-techy/Weather-App.git
  cd Weather-App

2. Open the Project:

  • Open the folder in your code editor (e.g.,VS Code).

  • Alternatively,open the index.html file directly in your browser.

3. API Key Setup:

  • Get your free API key from OpenWeather API.

  • Replace the apiKey variable in the index.html script section with your API Key:

 const apiKey = "Your_api_key";

4. Run the App:

  • Open index.html in your browser.

  • Enter a city name to fetch its weather.

Output

Here is an example of how the weather app will look after entering a city name: Weather App Screenshot

Weather App Screenshot

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published