Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌤 Weather Dashboard App 📌 Overview The Weather Dashboard App is a web application that provides real-time weather updates for any city worldwide. Users can search for a location to view current weather conditions, a 5-day forecast, and additional weather details like temperature, humidity, wind speed, and more.

🚀 Features 🌍 Search for any city to get real-time weather data.

⛅ Current weather conditions including temperature, humidity, and wind speed.

📅 5-day forecast with daily temperature and weather icons.

💾 Search history to quickly revisit previous locations.

🎨 User-friendly UI with dynamic icons and backgrounds.

🛠 Tech Stack Frontend: HTML, CSS, React.Js, TailWind CSS

API: OpenWeatherMap API

Libraries: Axios (for API requests)

Deployment: Hosted on GitHub Pages / Vercel

🔧 Installation Clone the repository:

bash Copy Edit git clone https://github.com/your-username/weather-dashboard.git Navigate to the project folder:

bash Copy Edit cd weather-dashboard Open index.html in a browser or use Live Server in VS Code.

🖥️ Usage Enter a city name in the search bar.

Click the Search button.

View the current weather and upcoming forecast.

Click on a past search to reload its weather data.

🔑 API Key Setup Create an account at OpenWeatherMap.

Get your free API key.

Add the API key to the script.js file:

javascript Copy Edit const apiKey = "YOUR_API_KEY";

weather

🏗 Future Enhancements 🌙 Dark mode support

🌎 Geolocation-based weather updates

📊 More detailed weather insights

🤝 Contributing Feel free to fork the repo and submit pull requests!

About

The Weather Dashboard is a sleek and responsive web application that provides real-time weather updates for any city worldwide. Users can search for a location, view the current weather conditions, and check a 5-day weather forecast. The app enhances the user experience with dynamic weather-based backgrounds and icons.

Resources

Stars

3 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages