Skip to content

Rohitsaw6207/Weather

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

18 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

β›… Weather App β€” JavaScript + OpenWeatherMap API

This is a simple and responsive Weather Web Application built using HTML, CSS, and JavaScript, powered by the OpenWeatherMap API.
It allows users to search for any city and get live weather data, including temperature, humidity, and weather conditions.

🌐 Live Demo: https://rohitsaw6207.github.io/Weather/


πŸ–Ό Preview

Weather App Screenshot


πŸ“Œ Features

  • 🌍 Search weather by city name
  • 🌑 Displays current temperature in Β°C
  • πŸ’§ Shows humidity levels
  • πŸŒ₯ Provides a short weather description (e.g., Clear, Clouds, Rain)
  • πŸ–Ό Displays weather condition icon
  • πŸ“± Fully responsive for mobile and desktop

πŸ›  Technologies Used

  • HTML5 β€” structure of the app
  • CSS3 β€” styling and layout
  • JavaScript β€” functionality and API integration
  • OpenWeatherMap API β€” to fetch live weather data (API key: 2ebe75e4ac6e9bfe0347cb4ec9f4d669)
  • GitHub Pages β€” for deployment

πŸš€ How to Use

1️⃣ Open the live demo: https://rohitsaw6207.github.io/Weather/
2️⃣ Enter the name of any city in the search box
3️⃣ View live weather details instantly


πŸ“Œ Note

  • The app uses OpenWeatherMap's free API tier, so request limits apply.
  • API key is hardcoded for learning/demo purposes β€” in production, you should secure your API keys.

πŸ§‘β€πŸ’» Author


⭐ Support

If you like this project, consider starring ⭐ the repository to support and inspire more work!

About

🌦️ A simple weather app built using HTML, CSS, and JavaScript. Enter any city to fetch real-time weather data via OpenWeatherMap API. Responsive design with temperature, humidity, and weather icon display.

Topics

Resources

Stars

3 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors