I like to travel so I was motivated to design a website where I can see the weather forecast for the present date as well as the next 5 days. I built this project to see which day would be most suitable for me to travel to my destination. This helps me in preventing having to check my phone or open multiple apps whereas I can check whichever city I so choose. This convenient weather app helps me plan ahead of time in case of any undesirable weather conditions. I learned how to use APIs to fetch real time data for web development purposes.
If your README is long, add a table of contents to make it easy for users to find what they need.
Download an IDE. Use OpenWeatherMapAPI to fetch desired APIs.
Type a city of your choice in the search bar. The API will then fetch real-time data to provide you the temperature, wind speed, and humidity of desired city.
City Search Functionality:
- Users can search for weather information by entering the name of a city. The dashboard provides real-time weather data based on the user's search.
Search History:
- When a user searches for a city, it is added to the search history, allowing them to quickly access the weather data for previously searched cities without retyping the city name.
Current Weather Display:
- When a city is searched, the dashboard displays the current weather conditions, including:
- City Name and Date
- Icon representing the current weather (e.g., sunny, cloudy, rain)
- Temperature (in preferred units like Fahrenheit or Celsius)
- Humidity
- Wind Speed
5-Day Forecast:
In addition to the current weather, the dashboard provides a 5-day forecast, showing future weather conditions, including:
- Date for each day
- Weather Icon to visually represent expected conditions (e.g., cloudy, stormy)
- Temperature
- Wind Speed
- Humidity
Clickable Search History:
- Users can click on any previously searched city from the search history to view the current and future weather conditions for that city again without typing.
Persistent Search History:
- The search history persists across sessions using localStorage, so previously searched cities are saved and can be accessed even after the page is refreshed.
I would like to thank the following individuals for helping me design this project.
Bootcamp teacher assistant: Omar Daghestani Bootcamp instructor: Rashaad Randall Bootcamp tutors: Andres Jimenez & Carver
MIT License
Copyright <2024>
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.
