🌤️ Weather Forecasting Application
A user-friendly weather forecasting web application built with HTML, CSS, and JavaScript. It fetches real-time weather data using the OpenWeather API, allowing users to view the current weather conditions and forecasts for any city around the globe.
🚀 Features • Real-Time Weather Data: Get live weather updates, including temperature, humidity, wind speed, and more. • Search by City: Enter a city name to view weather details for that location. • Dynamic Backgrounds: Backgrounds change based on the current weather (e.g., sunny, cloudy, rainy). • Responsive Design: Fully optimized for desktop and mobile devices.
🛠️ Tech Stack • HTML: For structuring the application. • CSS: For styling and adding dynamic, weather-themed backgrounds. • JavaScript: For fetching data from the OpenWeather API and rendering it dynamically.
📂 Project Structure
Weather-Forecasting/ ├── index.html # Main HTML file
├── style.css # CSS for styling
├── script.js # JavaScript for functionality
├── README.md # Project description
└── assets/ # Folder for images and icons
💻 How to Run Locally
1. Clone the repository:
. git clone https://github.com/aditya2006p/AtmosphereApp.git
. cd weather-forecasting
2. Set up the OpenWeather API:
• Sign up at OpenWeather to get your free API key.
• Replace the API_KEY placeholder in script.js with your actual API key.
3. Open the project:
Open index.html in your browser to see the application in action.
🖥️ Live Demo
View Live Demo (Live Demo)
🌐 OpenWeather API Usage
• API Endpoint:
https://api.openweathermap.org/data/2.5/weather?q={city}&appid={API_KEY}
• Parameters:
• q: City name (e.g., London)
• appid: Your OpenWeather API key.
🤝 Contributions
Contributions are welcome! If you have ideas to improve the app, feel free to fork the repository and submit a pull request.
📜 License
This project is licensed under the MIT License. See the LICENSE file for details.
✨ Author • Aditya Pandey (GitHub profile link)