Live demo: https://alijahanyt.github.io/Weather-App/
Weather Now is a modern, responsive web app that shows current weather, daily forecasts, and hourly forecasts worldwide.
It automatically detects the user's city via IP for first-time visitors and allows dynamic searching for other cities.
Built with HTML, JavaScript, and Tailwind CSS, the app emphasizes clean UI, accessibility, and real-time weather data using Open-Meteo API.
- ✅ Current Weather: temperature, feels like, humidity, wind, precipitation, and icons.
- ✅ 7-Day Daily Forecast: includes max/min temperatures.
- ✅ Hourly Forecast: hourly updates with icons and temperature.
- ✅ IP-Based City Detection: for first-time users.
- ✅ Dynamic Search: type any city to get instant results.
- ✅ Units Conversion:
- Temperature: °C / °F
- Wind speed: km/h / mph
- Precipitation: mm / in
- ✅ Fully responsive design using Tailwind CSS.
- ✅ Modern dark theme with smooth gradients.
- ✅ Custom radio buttons for unit selection.
- ✅ Accessible: works with screen readers & keyboard navigation.
- ✅ Fetches weather dynamically using Open-Meteo API.
- ✅ Dynamically updates:
- Weather icons based on codes
- Forecast weekdays & temperatures
- Hourly forecast times & temperatures
- ✅ Local unit conversion without extra API calls.
- ✅ Lightweight, fast, and optimized for small bundle sizes.
Screenshot Captions:
- 🌅 Daily forecast card
- 🌤️ Hourly forecast panel
- 💻 Code & structure overview
- Open-Meteo API for weather data
- IP-based geolocation API for default city detection
✨ Thank you for checking out Weather Now! Fork, star, and share your feedback! 🌤️