Back to ProjectsWeb App

WeatherApp

Real-time weather forecast application with 5-day forecast and location search.

Tech Stack

ReactNode.jsOpenWeather API

Overview

A clean weather app that shows current conditions and a 5-day forecast for any city. Uses the OpenWeather API for data, with a Node.js proxy to keep the API key secure. Features dynamic backgrounds that change based on weather conditions.

Key Highlights

  • OpenWeather API integration
  • Node.js API key proxy
  • Dynamic weather-based backgrounds
  • 5-day forecast view

How I Built It

React frontend with a search bar and weather cards. Node.js/Express acts as a proxy to the OpenWeather API, keeping the key server-side. Dynamic CSS backgrounds and icons change based on weather condition codes.

Future Vision

Add geolocation auto-detect, hourly forecast, weather maps, and push notifications for severe weather alerts.

Links