Full-Stack Weather Forecast App

A full-stack weather app built on the OpenWeatherMap API.

Type: Full-stack · API integration
Timeline: Apr — Aug 2025
Links: Live demo (opens in new tab)Source (opens in new tab)

weather-web-six-theta.vercel.app

Screenshot of Full-Stack Weather Forecast App

Overview

A full-stack weather app built on the OpenWeatherMap API. Search for a city to see current conditions, a 7-day forecast and rain alerts. The theme changes to match the weather.

Key features

City search with current conditions

7-day forecast with detailed metrics

Rain alerts and a 24-hour rainfall forecast

Theme that changes with the weather

Responsive UI with a frosted-glass design

Weather data fetched through a Node.js and Express backend

Built with

React
Node.js
Express.js
Tailwind CSS
OpenWeatherMap API

Next project

Real Estate Consultation & Marketing Site