This weather dashboard is a web application crafted in JavaScript, enabling users to conveniently search for and view current weather conditions and a five-day forecast for various cities. The application seamlessly integrates local storage to retain a history of searched cities, offering quick and easy access to previous searches. Its dynamic interface updates weather information in real time, providing an engaging and user-friendly experience for anyone interested in keeping up with weather trends locally or globally.
N/A
https://adriannaderkacz.github.io/weather-dashboard/
Welcome to my interactive weather dashboard! This user-friendly website allows you to effortlessly search for and view weather forecasts for cities worldwide. Here's how you can make the most of our features:
1. Searching for Weather Information:
- To find the weather forecast for a specific city, simply type the city's name into the search bar.
- Once you've entered the city name, click the 'Search' button. The website will then display the current weather conditions and a five-day forecast for your chosen location.
2. Viewing Today's Weather and Forecast:
- The 'Today's Weather' section will update to show you the temperature, humidity, wind speed, and an icon representing the current weather in the city you've searched for.
- Below that, you'll find the 'Forecast' section where you can see the weather predictions for the next five days, including temperature, wind, and humidity.
3. Using Search History for Quick Access:
- Every city you search for is automatically saved as a button under the 'Search History' section.
- You can quickly view the weather for any previously searched city by simply clicking on its button in the 'Search History'.
4. Responsive and Interactive Design:
- Our website is designed to be responsive, providing an optimal viewing experience on both desktop and mobile devices.
- You'll find the interface easy to navigate, with clear sections and buttons for a hassle-free experience.
5. Automatic Data Clearing:
- Each time you perform a new search, the website automatically clears the previous data, ensuring that you always have the most current information displayed.
6. Error Handling:
- If there's an issue with your search, such as entering an invalid location, the website will prompt you to enter a valid location. This ensures you always get accurate and relevant weather data.
Enjoy our weather dashboard for all your weather information needs, whether you're planning a trip or just curious about the weather in different parts of the world!
I utilized the resources from the following websites to successfully complete this challenge:
I also gained significant insights from participating in group sessions during the EdX Bootcamp, where we collaboratively engaged in the construction and refinement of such a dashboard.
MIT License
Copyright (c) [2024] [AdriannaDerkacz]
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.