Weather App

Here's a breakdown of what this Weather App does:

Overview

It's a simple front-end weather application built with HTML, CSS, Bootstrap, and vanilla JavaScript. It connects to a Weather API to fetch and display real-time weather data.

Structure

The project has two pages — index.html (main weather page) and contact.html — along with separate Css/ and JS/ folders and an Imgs/ folder for assets.

Core Functionality

From the live page, the app does the following:

Geolocation — has a "Get Your Location" button that likely uses the browser's navigator.geolocation API to detect the user's coordinates automatically.

City Search — a "Find" input field lets users search for weather by city name.

Current Weather — displays current weather conditions (temperature, weather state, etc.) fetched from a weather API (likely OpenWeatherMap).

Hourly Forecast — shows a "Forecast Per Hours" section with weather predictions across the day.

Wind Speed Forecast — a dedicated section displaying wind speed data, possibly as a chart or card layout.

Tech Stack

HTML/CSS/Bootstrap for the responsive UI layout

JavaScript (31%) handling API calls, DOM updates, and geolocation logic

A Weather API (OpenWeatherMap is the most common choice for projects like this) providing the actual weather data via fetch()

In short, it's a clean weather dashboard that lets you check current conditions and forecasts either by detecting your location or searching for a city.