Skip to content

Ashwin-Chavhan/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather Forecast App 🌦️

A responsive Weather Forecast App built using HTML, CSS, and JavaScript, leveraging the OpenWeatherMap API to display real-time weather details of any city.


Features 🗋

  • Displays temperature, humidity, and wind speed.
  • Dynamic icons for different weather conditions (Cloudy, Rainy, Clear, etc.).
  • Responsive design with a visually appealing UI.
  • Real-time error handling for invalid city names.

Demo 🎥

Live Demo (https://ashwin-chavhan.github.io/weather-app/)


Tech Stack 🛠️


Installation 🚀

  1. Clone the repository:
    git clone https://github.com/Ashwin-Chavhan/weather-app.git
  2. Navigate to the project directory:
    cd weather-app
  3. Open index.html in your browser to run the app.

Usage ✨

  1. Enter a city name in the search bar.
  2. Click the Search button.
  3. View the weather details, including temperature, humidity, and wind speed.

Screenshots 📸

App Screenshot


Project Structure 🗁

weather-forecast-app/
├── assets/              # Images and icons
├── style.css            # Styling for the app
├── script.js            # JavaScript logic
├── index.html           # Main HTML file

API Key 🔑

Replace the apiKey value in script.js with your API key from OpenWeatherMap.


License 📄

This project is licensed under the MIT License. Feel free to use and modify it as needed!


About

This is Weather Forecast Web Based Application.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors