The assignment was to create a Weather Dashboard web application that allows users to search for the weather forecast of any city. The application should display the current weather conditions, including temperature, wind speed, and humidity, along with a 5-day forecast. Additionally, the project required implementing local storage to save and display a list of previously searched cities as buttons for easy access to their weather information.
The motivation behind building this Weather Dashboard was to provide users with a convenient way to access weather information for any city. Weather is an essential aspect of daily life, and having a user-friendly application that allows users to quickly check the weather forecast for different cities can be very beneficial. The goal was to create a visually appealing and intuitive dashboard that anyone can use to stay informed about the weather conditions in their desired locations.
The Weather Dashboard solves the problem of quickly obtaining weather forecasts for different cities in an easy-to-understand format. By providing a search bar, users can enter the name of any city they want to know about, and the application fetches and displays the weather information for that location. Moreover, the project also solves the problem of remembering and accessing previously searched cities by utilizing local storage to store the list of cities and display them as buttons on the page.
Through building this Weather Dashboard project, I learned several valuable skills and concepts. Firstly, I improved my proficiency in using HTML, CSS, and JavaScript to create a dynamic and interactive web application. Additionally, I gained experience with API integration, as I needed to fetch weather data from the OpenWeatherMap API. Implementing local storage also deepened my understanding of how to persist data in a web browser for future use.
I built this project to enhance my web development skills, particularly in handling APIs and working with local storage. Moreover, I wanted to create a practical application that serves a real-world purpose by providing users with easy access to weather forecasts for any city. The project also allowed me to explore and implement event listeners, DOM manipulation, and dynamically generating elements to create a smooth and engaging user experience.
Overall, the Weather Dashboard project was a valuable learning experience, and it allowed me to showcase my abilities in front-end web development while creating a useful application for users seeking weather information
Paragraph 1: What was the assignment or task? Paragraph 2: What was your motivation? Paragraph 3: What problem does it solve? Paragraph 4 What did you learn? Why did you build this project?
N/A
Weather Dash Board created with HTML, CSS and Javascript. Use this Link to Preview Live Website
Team Work Make the Dream Work! We worked together systematically on zoom totaling a total of 15+ Hours Phil Loy, Instructor Lourdes Dorvilus https://github.com/lo-mido & Tutor Support & Boot Camp TA's via ABC Learning Application.
https://courses.bootcampspot.com/courses/3883/assignments/57119?module_item_id=1004720 https://www.w3schools.com/css/css_selectors.asp https://www.w3schools.com/html/html_attributes.asp https://htmlcheatsheet.com/css/ https://apps.apple.com/us/app/mimo-learn-coding-programming/id1133960732?ppid=36dc2281-6a01-4f94-ad52-05a0a7062255 https://youtu.be/tRZGeaHPoaw
Copyright (c) 2023 Lourdes Dorvilus
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.
How to Contribute Lourdes M. Dorvilus
Testing Tests Using VS Code & GIT HUB to host the webpage.