Skip to content

A user-friendly web application for real-time weather forecasting. Built with HTML, CSS, and JavaScript, it uses the OpenWeather API to deliver current weather conditions and forecasts for any city globally. Features include city search, dynamic backgrounds, and responsive design for optimal user experience.

License

Notifications You must be signed in to change notification settings

AdityaPandey-DEV/AtmosphereApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌤️ 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.

Screenshot 2024-12-11 at 6 04 32 PM

🚀 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)

About

A user-friendly web application for real-time weather forecasting. Built with HTML, CSS, and JavaScript, it uses the OpenWeather API to deliver current weather conditions and forecasts for any city globally. Features include city search, dynamic backgrounds, and responsive design for optimal user experience.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published