A sleek, modern React + Vite Weather App that shows real-time weather data for any city, featuring a glassy, animated globe background, smooth UI transitions, and a responsive design.
- Search weather by city name in real-time
- Displays:
- Temperature in Celsius
- Weather description
- Humidity and wind speed
- Interactive and responsive UI
- Glassmorphism design for input and weather cards
- Animated globe background
- Smooth hover and focus effects
- Built with:
- React + Vite
- Tailwind CSS (v4)
- JavaScript (ES6+)
- Local backend API (Node.js + Express + OpenWeatherMap API)
- User types a city name in the search box.
- Pressing Enter or clicking Search sends a request to the backend API: