← Back to projects

Front-end

Weather App

A responsive weather web app that displays current weather based on geolocation or city search, with search history and dynamic interactions.

Weather App screenshot 1

Overview

About the project

Weather App is a responsive web application powered by the Visual Crossing Weather API. Users can view the current weather for their location or search for any city worldwide.

The project focuses on dynamic content updates, responsive design, and interactive elements that improve usability and user experience.

What it includes

Key features

  • Display live weather using geolocation or manual city search
  • Show local time based on the selected city's timezone
  • Store recent searches for quick access
  • Highlight the latest searched location automatically
  • Support responsive layouts and dynamic UI updates
  • Validate user input and update the DOM in real time

Stack

Technologies used

  • HTML5
  • CSS3
  • JavaScript (ES6)
  • Visual Crossing Weather API

Process

Decision Log

  • Real-time weather as the main value

    The app focuses on providing immediate weather information through geolocation or direct city search.

  • Improving usability with search history

    Previous searches are stored so users can quickly revisit locations without repeating manual input.

  • Responsive experience

    The layout was designed to work smoothly across mobile and desktop devices.

  • API-driven dynamic interface

    The project emphasises DOM updates and interactive feedback based on live API data.

Continue exploring

More Projects