A sleek and responsive weather application built with HTML, CSS, and JavaScript, using the OpenWeather API. Users can enter a city name and instantly get real-time weather information such as temperature, weather description, humidity, and wind speed.
- π Search weather by city name
- βοΈ Real-time data from OpenWeather API
- π± Fully responsive design
- β‘ Fast, lightweight, and framework-free
- π‘οΈ Displays temperature, weather conditions, humidity, and wind
- HTML5
- CSS3
- Vanilla JavaScript
- OpenWeather API
This project uses the OpenWeatherMap API to fetch weather data
- Sign up at https://openweathermap.org/api to get your API key.
- Replace "YOUR_API_KEY" in script.js with your actual API key.
- Clone the repository to your local machine using:
git clone https://github.com/yourusername/weather-websiteReplace your-username with your GitHub username.
-
Navigate to the project directory:
cd weather-website -
Open index.html in your browser:
start index.html
Or simply drag and drop the file into your browser window.
Name: Asif Shamim
GitHub: @asifcuber08