Skip to content

A responsive and user-friendly weather website built using HTML, CSS, and JavaScript, powered by the OpenWeather API. Users can search for any city to get real-time weather data including temperature, humidity, wind speed, and weather conditions.

Notifications You must be signed in to change notification settings

asifcuber08/weather-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌦️ Weather App – OpenWeather API + HTML/CSS/JS

A sleek and responsive weather application built with HTML, CSS, and JavaScript, using the OpenWeather API. Users can enter a city name and instantly get real-time weather information such as temperature, weather description, humidity, and wind speed.

πŸš€ Features

  • πŸ” Search weather by city name
  • β˜€οΈ Real-time data from OpenWeather API
  • πŸ“± Fully responsive design
  • ⚑ Fast, lightweight, and framework-free
  • 🌑️ Displays temperature, weather conditions, humidity, and wind

πŸ› οΈ Tech Stack

  • HTML5
  • CSS3
  • Vanilla JavaScript
  • OpenWeather API

πŸ”‘ API Usage

This project uses the OpenWeatherMap API to fetch weather data

πŸ“¦ Installation

  1. Clone the repository to your local machine using:
git clone https://github.com/yourusername/weather-website

Replace your-username with your GitHub username.

  1. Navigate to the project directory:

    cd weather-website
  2. Open index.html in your browser:

    start index.html

Or simply drag and drop the file into your browser window.

πŸ™‹β€β™‚οΈ Author

Name: Asif Shamim

GitHub: @asifcuber08

About

A responsive and user-friendly weather website built using HTML, CSS, and JavaScript, powered by the OpenWeather API. Users can search for any city to get real-time weather data including temperature, humidity, wind speed, and weather conditions.

Topics

Resources

Stars

Watchers

Forks