Skip to content

Kabinesan/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌤️ Weather App

A simple, responsive web application that allows users to check real-time weather conditions by entering any city name. It uses the OpenWeatherMap API to fetch live weather data.


🚀 Live Demo

🌐 Click here to view the app


📸 Features

  • 🔍 Search weather by city name
  • 🌡️ Shows current temperature in °C
  • 💧 Displays humidity level
  • 🌫️ Weather description with matching emoji (☁️🌧️❄️☀️ etc.)
  • 📱 Mobile-responsive design
  • ⚠️ Graceful error handling for invalid or empty inputs

🛠️ Built With

  • HTML5
  • CSS3
  • JavaScript (ES6+)
  • OpenWeatherMap API
  • Responsive design (Flexbox)

🧠 What I Learned

  • How to fetch data from external APIs using fetch()
  • Handling asynchronous code with async/await
  • Dynamically updating the DOM
  • Error handling in JavaScript
  • CSS layout using Flexbox
  • Basic use of Git & Netlify for deployment

📂 Folder Structure

weather-app/ ├── index.html ├── style.css ├── index.js └── README.md


📄 License

This project is licensed under the MIT License.


🙋‍♂️ Author

Kabinesan R
🔗 LinkedIn
💻 GitHub


💡 Suggestions or Contributions?

Feel free to fork this repo, submit issues, or open pull requests. Contributions are welcome!

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published