Skip to content

Creating a Weather Application using the OpenWeather API. Design an appealing frontend, Ensure that your weather app displays all essential weather details. For API calls, you must employ pure AJAX (XMLHttpRequest). The use of fetch or JQuery will not be accepted for this task. However, for frontend design, you may use pure DOM or JQuery.

Notifications You must be signed in to change notification settings

Abdullah02024/Weather-Application-using-the-OpenWeather-API

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Weather Application using the OpenWeather API

This repository contains a Weather Application designed using the OpenWeather API. The frontend is created with an appealing design, ensuring that all essential weather details are displayed. For API calls, pure AJAX (XMLHttpRequest) is employed, adhering to the requirement of not using fetch or JQuery.

Preview

Weather Application Preview

Features

  • User-friendly interface
  • Displays essential weather details such as temperature, description, humidity, and wind speed
  • Utilizes pure AJAX (XMLHttpRequest) for API calls

How to Use

  1. Clone this repository to your local machine.
  2. Open the index.html file in your web browser.
  3. Enter the name of the city for which you want to check the weather.
  4. Click the "Search" button to fetch and display the weather information.

Technologies Used

  • HTML
  • CSS
  • JavaScript
  • OpenWeather API

Credits

  • The design and implementation of this Weather Application are solely attributed to Abdullah02024.

License

This project is licensed under the MIT License.

Feel free to contribute to the project by submitting issues or pull requests. For major changes, please open an issue first to discuss what you would like to change. image

About

Creating a Weather Application using the OpenWeather API. Design an appealing frontend, Ensure that your weather app displays all essential weather details. For API calls, you must employ pure AJAX (XMLHttpRequest). The use of fetch or JQuery will not be accepted for this task. However, for frontend design, you may use pure DOM or JQuery.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published