This Weather App allows users to check the current weather for any city. It uses the Open-Meteo Geocoding API to find location coordinates and then fetches weather data using the Open-Meteo Weather Forecast API.
- Search bar to enter a city name
- Display of temperature, wind speed, and weather description
- Error message if city is not found
- Supports multiple city searches
- Clone this repository:
git clone https://github.com/yourusername/weather-app-open-meteo.git
- Navigate to the project folder:
cd weather-app-open-meteo - Open
index.htmlin your browser to start the app.
src/index.html: Structure of the web pagesrc/app.js: JavaScript logic for fetching and displaying weather datasrc/style.css: Stylingdata/sample-response.json: Sample API response for referenceimages/: Contains screenshots of the app
- How to use APIs in JavaScript
- Handling user input and asynchronous requests
- Error handling and user feedback
Managing API responses and chaining asynchronous requests correctly was initially tricky.
- Add weather icons
- Improve design with CSS
- Store recent search history