A responsive and interactive web application that allows users to search for current weather conditions and 5-day forecasts for any city. Users can also use their current geolocation to get the weather instantly.
- Search weather by city name
- Get weather using current location (Geolocation API)
- View 5-day forecast
- Save and revisit recent searches
- Displays:
- Temperature
- Wind Speed
- Humidity
- Weather condition icons
- Responsive design with animations and modern UI
- HTML5
- CSS3 (TailwindCSS)
- JavaScript (ES6)
- WeatherAPI (https://www.weatherapi.com/)
- Font Awesome for icons
WeatherForecast: |-images |-src |-index.html |-index.src |-input.css |-output.css package.lock.json package.json
git clone https://github.com/Majid0899/WeatherForeCast.git cd WeatherForeCast
Sign up at https://www.weatherapi.com/
Replace the default API key in index.js: