🌤️ React Weather App

A real-time weather application built with React as my first hands-on project with the framework. Fetches live weather data from the OpenWeatherMap API and displays current conditions for any city worldwide.

Built entirely by hand — no component libraries, no UI frameworks. Intentionally kept as-is to preserve the original learning artifact.

Features

• City search with real-time weather fetch
• Displays temperature, humidity, wind speed, and weather description
• Dynamic weather icons based on current conditions
• Handwritten CSS — no Tailwind, no Bootstrap

Tech Stack

• React — component-based UI
• OpenWeatherMap API — live weather data
• Vanilla CSS — handcoded styles

Getting Started

Prerequisites

Node.js and npm installed. An API key from OpenWeatherMap (free tier works).

Installation

git clone https://github.com/Yashdafade/react-weather-app.git
cd react-weather-app
npm install

Replace YOUR_API_KEY in WeatherApp.js with your OpenWeatherMap API key.

npm start

Open http://localhost:3000 in your browser.

Note

This is my first React project — built to learn component architecture, state management with hooks, and API integration. The UI is intentionally handcoded without any library assistance.

Live Demo

https://yashdafade.github.io/weatherappreact/