Skip to content

nilanjanchavan/Weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌦️ Weather App

A simple weather application that allows users to search for a city and view real-time temperature, wind speed, and humidity using a public weather API.

This project was built to learn API integration and asynchronous JavaScript using only HTML, CSS, and JavaScript.

🚀 Live Demo Link: https://nilanjanchavan.github.io/Weather-app/

✨ Features

Search weather by city name

Displays real-time:

🌡️ Temperature

🌬️ Wind Speed

💧 Humidity

API-based dynamic data fetching

Simple and clean UI

🛠️ Tech Stack

HTML – Markup and structure

CSS – Styling and layout

JavaScript – API calls, logic, and DOM updates

Weather API – Source of real-time weather data

⚙️ How It Works

User enters a city name.

JavaScript sends a fetch request to the weather API.

API returns weather data in JSON format.

The data is extracted and displayed on the webpage.

🧠 What I Learned

How to work with REST APIs

Using fetch() and handling promises

Parsing JSON data

Updating the DOM dynamically

Basic error handling

🔮 Future Improvements

Loading indicator while fetching data

Unit conversion (°C / °F)

Mobile-first responsiveness

🤝 Contributing

Contributions are welcome. Feel free to fork this repository and submit a pull request.

📄 License

This project is for learning purposes and is open source.

👤 Author

Nilanjan Chavan GitHub: https://github.com/nilanjanchavan

About

Repository of my first website using APIs

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors