Skip to content

Chandni-22/Weather-Dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌦️ Weather Dashboard

A sleek and responsive Weather Dashboard that provides real-time weather updates for any city, along with a 5-day forecast. 🌍🌀️

image


✨ Features

βœ… Search for weather information by city name.
βœ… View current weather details: 🌑️ Temperature, πŸ’¨ Wind Speed, πŸ’§ Humidity, and 🌦️ Conditions.
βœ… Check a detailed 5-day forecast.
βœ… Fetch real-time weather data using the OpenWeatherMap API.
βœ… Enjoy a fully responsive design for all devices.


πŸ”— Live Demo

🎯 Try it here: Weather Dashboard


πŸ› οΈ Technologies Used

πŸš€ HTML – Structure
🎨 CSS – Styling
⚑ JavaScript – Interactivity
☁️ OpenWeatherMap API – Data Fetching


πŸ“Œ How to Use

πŸ” Enter a city name in the search bar.
πŸ”„ Click the search button to retrieve weather details.
πŸ“… View the current weather and a 5-day forecast.


βš™οΈ Setup Instructions

1️⃣ Clone the repository:

git clone https://github.com/Chandni-22/Weather-Dashboard.git

2️⃣ Open the index.html file in a browser to run the application.


πŸ”‘ API Key

This project uses the OpenWeatherMap API. You may need to generate your own API key by signing up at OpenWeatherMap and replacing the existing key in the JavaScript file if needed.


πŸ’‘ Suggestions & πŸ™Œ Thank You!

πŸ’– Thank you for checking out this project! If you have any suggestions or ideas, feel free to share them. Hope you find this dashboard useful! πŸŽ‰πŸ˜Š

About

A sleek and responsive Weather Dashboard that provides real-time weather updates for any city, along with a 5-day forecast. 🌍🌀️

Topics

Resources

Stars

Watchers

Forks

Contributors