Skip to content

Weather web app made with Javascript-HTML-CSS 🌡️☀️⛅☁️🌧️🌨️

Notifications You must be signed in to change notification settings

PolMuri/Weather-Web-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather-Web 🌡️☀️⛅☁️🌧️🌨️

Comments in Catalan (my native lenguage), code in English.

Web app to view the weather in your current location through geolocation, real-time weather anywhere in the world through name search, and a 5-day weather forecast. Javascript-HTML-CSS

Live demo: https://polmuri.github.io/Weather-Web-App/

Some examples in english:

-Clear Sky:

Captura

Weather animations:

-Rain:

image

-Snow:

image

-Five days scroll:

Captura1

-Exemple in catalan:

Captura2

Also, you can search for location + country in this format using location Barcelona country ​​Spain as an example valencia, es or valencia,es, since there are many populations that exist in two or more countries at the same time. Some examples:

Valencia

-Valencia, Spain:

WhatsApp Image 2024-08-23 at 15 01 18

-Valencia, Philippines:

WhatsApp Image 2024-08-23 at 15 00 43

Cordoba

-Córdoba, Spain:

WhatsApp Image 2024-08-23 at 14 54 11

-Córdoba, Argentina:

WhatsApp Image 2024-08-23 at 14 54 30

The search functionality in this application is designed to be user-friendly and flexible:

-Case Insensitivity: The search box is not case-sensitive. This means that you can enter search terms in either uppercase, lowercase, or any combination, and the results will be the same. For example, searching for "Barcelona", "barcelona", or "BARCELONA" will all yield the same results.

-Accent Insensitivity: The search also ignores accents. You can type city names with or without accents, and the application will recognize them correctly. For instance, searching for "Málaga", "Malaga", or "málaga" will all return the same result.

This ensures that users can find the city they are looking for without worrying about exact capitalization or accents.

In May 2024, we have updated our integration with the OpenWeatherMap API from version One Call API 2.5 to version One Call API 3.0.

This update brings along a series of significant improvements that benefit both our platform and our users

In addition to the update to version 3.0 of the OpenWeatherMap API, we have also incorporated the OpenWeatherMap Geocoding API into our platform. This API allows us to convert geographical addresses into geographical coordinates (latitude and longitude) and vice versa, expanding the geolocation capabilities of our platform and enhancing the accuracy of our location-related services.

About

Weather web app made with Javascript-HTML-CSS 🌡️☀️⛅☁️🌧️🌨️

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published