Elias
ES EN
Back to projects

Web Application / API

Real-Time Weather Web Application

React application consuming the OpenWeather API to display temperature, humidity, weather conditions, and forecasts by city.

View demo View code
Real-Time Weather Web Application

Key features

  • Temperature, humidity, and atmospheric pressure queries
  • Short-term and extended forecasts
  • Weather alerts
  • Global city and region coverage

Screenshots

System views

Static gallery optimized to showcase key operational, monitoring and administration views.

City weather search
City weather search
Real-time weather results
Real-time weather results
Extended weather view
Extended weather view

Challenges & solution

This project involved structuring API consumption in React, managing application state, and transforming raw weather data into an intuitive user interface.