A simple and dynamic weather forecast application using the OpenWeatherMap API.
This project provides real-time weather updates for any city entered by the user. It features dynamic UI elements, weather icons based on conditions, and a responsive design to ensure seamless access across devices.
- Live Weather Updates – Fetch real-time weather conditions using OpenWeatherMap API.
- Search Functionality – Users can enter any city to view weather details.
- Dynamic Weather Icons – Displays images corresponding to the weather conditions.
- Temperature, Humidity & Wind Speed – Detailed weather statistics.
- Fully Responsive – Optimized for all screen sizes.
- Dark Mode Theme – A clean dark UI for better readability.
- HTML5 – Structuring the web page
- CSS3 – Styling and responsive design
- JavaScript (ES6) – Handling API calls and DOM manipulation
- OpenWeatherMap API – Fetching live weather data
📂 Weather-Forecast/
- 📜 index.html # Main HTML structure
- 📜 style.css # Styling for UI elements
- 📜 script.js # JavaScript for fetching API data
- 📂 images/ # Weather icons (rain, snow, clouds, etc.)
- 📜 README.md # Project documentation
1️⃣ Clone this repository: git clone https://github.com/Samagra12725/weather-forecast.git
2️⃣ Open index.html in a browser.
3️⃣ Enter a city name in the search box to view the weather.
- To use the OpenWeatherMap API, ensure you have an API key. Replace the placeholder in script.js:
- const apiKey = bd7d5028e6a0067b3d6b3bb514f5513c
- apiUrl = https://api.openweathermap.org/data/2.5/weather?&units=metric&q=;
- Sign up at OpenWeatherMap to get your API key.
https://samagra12725.github.io/Weather-Forecast/
- Add hourly and weekly forecast support.
- Implement geolocation-based weather detection.
- Integrate radar maps for detailed weather visualization.
- Contributions and suggestions are welcome! Feel free to open an issue or submit a pull request.