Skip to content

vinhvu01/WeatherForecastDemo

Repository files navigation

WeatherForecastDemo

The following is a website written in Asp.NET Core for educational purposes. It calls Weather API (www.visualcrossing.com) to get weather forecast information for specified cities, and locations.

The Visual Crossing Weather API provides developers weather data for any programming language or script. The Weather API provides instant and scalable access to historical weather reports and forecast data in an easy-to-use JSON or text format. See https://www.visualcrossing.com/weather-api for more information and additional documentation, sample code, and use cases.

To sign up for a free account to view, download weather data, and build weather API queries, see https://www.visualcrossing.com/weather/weather-data-services

Documentation for the Weather API can be found at https://www.visualcrossing.com/resources/documentation/weather-api/weather-api-documentation/. The documentation of the available data on weather elements and their values can be found at https://www.visualcrossing.com/resources/documentation/weather-data/weather-data-documentation/.

Weather data is sourced from Visual Crossing Weather Data (see https://www.visualcrossing.com/weather-data)

Done:

  • Weather displayed hourly and daily.
  • Pick location ability to see.
  • Demonstrate data by charts.
  • Filter some params

Used:

  • Microsoft.AspNetCore.App
  • Microsoft.NETCore.App
  • System.Net.Http for making requests to the backend.
  • Weather API (https://www.visualcrossing.com/).
  • CanvasJs
  • BingMap API

Note: Need to fill APIkey of the Weather API and BingMap API in the section MySettings of the file appsettings.json

"MySettings": { "ApiKey": "", "BingMapApiKey": "" }

Search Forecast page:

image

Daily Result page:

image image

Hourly Result page:

image

Charts: image image