https://github.com/cfisher21/weather-app

Powered by the Visual Crossing Weather API and OpenStreetMap's Nominatim service, Weather App provides accurate, up-to-date weather information with a user-friendly interface. Whether you're planning your day or checking the forecast for travel, Weather App has you covered.
https://github.com/cfisher21/weather-app

api caching css debouncing forecast geolocation html javascript responsive-design unit-conversion weather weather-app

Last synced: 12 months ago
JSON representation

Powered by the Visual Crossing Weather API and OpenStreetMap's Nominatim service, Weather App provides accurate, up-to-date weather information with a user-friendly interface. Whether you're planning your day or checking the forecast for travel, Weather App has you covered.

• Host: GitHub
• URL: https://github.com/cfisher21/weather-app
• Owner: CFisher21
• Created: 2025-02-26T04:58:34.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-06T02:35:07.000Z (about 1 year ago)
• Last Synced: 2025-03-06T03:28:14.694Z (about 1 year ago)
• Topics: api, caching, css, debouncing, forecast, geolocation, html, javascript, responsive-design, unit-conversion, weather, weather-app
• Language: JavaScript
• Homepage: https://cfisher21.github.io/Weather-App/
• Size: 106 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Weather App

A responsive web application that displays current weather conditions, an hourly forecast, and a 10-day forecast for any location. The app leverages the [Visual Crossing Weather API](https://www.visualcrossing.com/) for weather data and the [Photon API](https://photon.komoot.io/) for location suggestions, along with geolocation to provide local weather updates.

## Features

- **Real-Time Weather Data:**  

  View current weather conditions and detailed forecasts.

  

- **Hourly & 10-Day Forecasts:**  

  Get an overview of the weather for the day ahead and a full 10-day forecast.

  

- **City Search with Autocomplete:**  

  Type in a city name and receive suggestions to quickly find your desired location.

  

- **Unit Conversion:**  

  Switch between Metric, US, and UK units for temperature and wind speed.

  

- **Geolocation Support:**  

  Automatically display weather for your current location when you load the app.

  

- **Responsive Design:**  

  Optimized for both desktop and mobile devices.

## Technologies Used

- **HTML5 & CSS3:**  

  Markup and styling with responsive design considerations.

  

- **JavaScript (ES6):**  

  Dynamic user interface, API integrations, caching, and debouncing.

  

- **APIs:**  

  - [Visual Crossing Weather API](https://www.visualcrossing.com/)

  - [Photon API](https://photon.komoot.io/)

  - [Nominatim (for reverse geocoding)](https://nominatim.openstreetmap.org/)