Skip to content

RyanLarge13/Weather-App-React

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

45 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

app icon

Weather App React

Version 1.0.0

release date
website
website

Weather App is a web application built for people interested in weather in there local area. In this application a user will allow their location and browser notification (if desired too). The app will automatically detect the weather in your area and provide the user with real time data, including....

  • Todays Forcast
  • Hourly Forcast: 24 hours
  • Daily Forcast: following week
  • Top 3 US News Articles

Hourly notifications will persist when the tab on your browser is still open for the website. No notification support for mobile devices. You will be promted to accept notifications first. If accepted, it will display the current temperature of the hour in your area.

For an added touch to the website as any good weather site would include are three top news articles in the US that will redirect you to the article.

Table Of Contents

Location

permissons
website
website

Weather Data

All weather data is requested by your longitude and latitude coordinates via Javascripts built in Navigator API and sent through an Open Meteo query string. Open Meteo carries outstanding accuracy in their information from cities, town & counties all around the world providing you with reliable data.

THINGS TO CONSIDER

  • Depending on your place in the world (if extremely rural), and no data for your exact coordinates exsists, Open Meteo will either provide you with weather data from the closest town to your coordinates with exsisting information, or weather data from the county your coordinates reside in.
  • Weather information is gathered from multiple data sources dependant to your country

City And County

Via Open Weather Map API, reverse geocoding is used to fetch your city and county information via coordinates given from Javascripts Navigation API

THINGS TO CONSIDER

  • Depending on your place in the world (if extremely rural), and no data for your exact coordinates exsists, Open Weather Map will either provide you with city & county information from the closest town to your coordinates, or city & county from the closest county your coordinates reside in.
  • In rare cases the city & county information returned might not match the weather information given from Open Meteo exactly.

!!!No location data is ever stored in ANY way to ANY databases, localstorage, cookies, or any other place!!!

Notifications

permissons
website
website

Frequency

The frequency that notifications are sent to your browser starts when loading the wesite and every hour thereafter after the permissons & IF the permissions have been accepted. At any time you can turn off notification in the browser by going to the settings for this website on thr browser and turning them off.

THINGS TO CONSIDER

  • The website will not request again for your notification permissions if they are denied. You will need to manually turn notifications back on from the browser agian if your mind changes.

Location Data

Your locaton is shown in the notification from the data recieved by reverse geoloation provided by Open Weather Map's API... See Location Info

Weather Data

The weather data shown in the notification each hour is the current hours current temperature provided to you by Open Meteo's API... See Weather Data

THINGS TO CONSIDER

  • No icon is shown in the notification as of Version 1.
  • Top 3 US News Articles

Hourly notifications will persist when the tab on your browser is still open for the website. No notification support for mobile devices. You will be promted to accept notifications first. If accepted, it will display the current temperature of the hour in your area.

For an added touch to the website as any good weather site would include are three top news articles in the US that will redirect you to the article.

Data Reliability

permissons
website

Accuracy And Features

  • Data
    • Open Meteo & Open Weather Map provide you with extremely accurate information.
    • Open Meteo gathers weather information from all around the world and multiple data providers based on your country for the most up to data information in your area.
      • Todays Forcast
        • Weather Icon
        • weather Name
        • High Low
        • Precipitation % (avarage for the 24 period)
        • windspeed
        • UV Index
        • Sunrise/Sunset
        • Current date
      • Hourly Forcast
        • Weather Icon
        • High Temp
        • Humidity
        • Windspeed
        • Apparent Temp
        • Time (hour)
      • Daily Forcast
        • Weather icon
        • Week Day
        • High/Low temp
        • Sunrise/Sunset
        • Precipitation Percentage
        • UV Index
    • Open Weather Maps large store of cities, towns, countries, states & counties garuntees you will be provided with percice location information based on your longitude and latitude.
      • If no state is present it will show your city/town and country
  • UI
    • SVG Icons for 7 different weather states are provided.
      • Rain
      • Snow
      • Sun
      • Clouds
      • Storm
      • Drizzle
      • Fog
    • The application will automatically dedect wether or not it is day time or night time by cross refrencing the current hour and the hourly sunset/sunrise data given from Open Meteo API
    • Today's Forcast, Hourly Forcast & Weekly Forcast are split between three sections for ease of access and orginization

Contributions

Refrences

About

Using Open-Meto API this application will detect your location and provide you with the current, hourly, and daily weather in your area

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published