Weather App

Source code: https://github.com/gofhilman/weather-app

Website: https://gofhilman.github.io/weather-app/

Category:

featured

front end

vanilla

web development

tool

Language:

JavaScript

WeatherApp allows users to search for weather information, pin locations, and view detailed weather forecasts. It features dynamic backgrounds, unit toggling, and real-time updates for an interactive user experience.

Features

Search Locations: Search for weather information by entering a location name.
Pinned Locations: Pin multiple locations for quick access.
Weekly Weather Forecast: View a 7-day weather forecast for the selected location.
Current Weather Details: Get detailed current weather information, including temperature, humidity, wind speed, and more.
Dynamic Backgrounds: Background updates dynamically based on the current weather conditions.
Unit Toggle: Switch between metric and imperial units for temperature and wind speed.
Real-Time Updates: Time and weather data update in real-time.

Tech stack

Webpack: For bundling and managing assets.
date-fns: For date and time formatting.
Visual Crossing Weather API: For fetching weather data.
API Ninjas World Time API: For fetching real-time location-based time.