Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fredm23579/weather-dashboard
https://github.com/fredm23579/weather-dashboard
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/fredm23579/weather-dashboard
- Owner: fredm23579
- License: mit
- Created: 2024-02-07T20:51:14.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-03-01T22:25:59.000Z (11 months ago)
- Last Synced: 2024-03-02T22:40:52.127Z (10 months ago)
- Language: JavaScript
- Size: 341 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Weather Dashboard 🌤️
The Weather Dashboard is an intuitive and elegant application designed to deliver real-time weather updates. It combines simplicity and functionality, enabling users to effortlessly access current weather conditions and a 5-day forecast for any city around the globe.
## Links
- **Link to Repository**: [Repo](https://github.com/fredm23579/weather-dashboard/)
- **Link to live Application**: [Weather Dashboard](https://fredm23579.github.io/weather-dashboard/)
## 📝 Description
Weather Dashboard offers a user-friendly platform to quickly retrieve and view weather data. The application is designed to be simple yet informative, providing all necessary weather details at a glance. It's the perfect tool for planning your day or week, ensuring you're always prepared for the weather ahead.
## 💡 Motivation
The motivation behind creating the Weather Dashboard was to provide a straightforward and efficient way for individuals to get accurate and timely weather information. Whether it's for personal scheduling, event planning, or just out of curiosity, having easy access to weather forecasts is essential in our daily lives.
## 🔑 Key Features
- **City Search**: Obtain up-to-the-minute weather data for any city of your choice.
- **5-Day Forecast**: Plan ahead with a comprehensive 5-day weather outlook.
- **Weather Details**: Stay informed with detailed information including temperature, wind speed, and humidity levels.
- **Adaptive Design**: Enjoy a seamless experience across various devices thanks to the responsive design.
- **Search History**: Quickly revisit your previously searched cities with a single click.
## 🚀 Getting Started
### Prerequisites
- Modern web browser with JavaScript enabled
- API key from OpenWeatherMap
### Usage
1. Enter the name of the city in the search bar.
2. Click the "Search" button or press Enter.
3. Review the current weather and the 5-day forecast displayed on the dashboard.
4. Click on any city in the search history to revisit its weather data.
### Setup and Installation
1. Clone the repository to your local machine:
```bash
git clone https://github.com/fredm23579/weather-dashboard.git
```
Navigate to the project directory and open `index.html` in your web browser.
Obtain a free API key from [OpenWeatherMap](https://openweathermap.org/api).
Insert your API key in the `script.js` file.
## 🛠 Technologies
- **HTML** - For structuring the web content.
- **CSS** - For styling and responsive design.
- **JavaScript** - For dynamic interactions and API integration.
- **Bootstrap** - For additional styling and responsiveness.
- **OpenWeather API** - For fetching real-time weather data.
## 🤝 Contributions
Interested in contributing? We welcome all contributions to improve the Weather Dashboard. Please fork the repository and submit a pull request with your updates.
## 🆘 Support
If you encounter any issues or have suggestions, please open an issue in the repository.
## 📜 License
This project is released under the [MIT License](LICENSE). Feel free to use it as per the license terms.