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!


Releases

Packages

Contributors

Languages