Hexa-Programmer Presents

HexaWeather

HexaWeather is a minimal, weather application built using HTML, CSS, and JavaScript.
It fetches live weather data from the Open-Meteo API and runs entirely in the browser with no backend.

Live Demo View Source
HexaWeather Application Interface displaying weather forecast
WEATHER REDEFINED

Features

1) City Search

Search for accurate weather information for cities and locations around the world.

2) Live Weather

Displays current temperature and detailed atmospheric weather conditions effortlessly.

3) 5-Day Forecast

View daily high and low temperatures for the coming week in a clean, minimal interface.

4) Recent Searches

Stores recently searched cities locally using localStorage for immediate, quick access.

5) Dynamic Theme

Automatically switches between day and night themes based on local time environments.

How it works

When a city is searched, the application communicates with external endpoints:

1) Geocoding API converts city to coordinates
2) Forecast API retrieves local weather data

Recent searches are stored locally using:

localStorage

This allows quick access to previously searched cities without any backend database.

Tech Stack

- HTML5 - CSS3 - Vanilla JavaScript - Open-Meteo API

Installation

To run HexaWeather locally:

git clone https://github.com/Hexa-Programmer/HexaWeather.git
cd HexaWeather
open index.html

Note

This is a personal learning project and will continue to evolve over time.