this is project 5 from the odin project's full stack javascript course.
- fetch data from the OpenWeather API based on a user's input.
- process the JSON data from the API and render the desired data to the page.
- allow user to toggle between metric and imperial units.
- first section displays the city, date, time, and the times of sunrise/sunset.
- second section displays current conditions like temperature, weather conditions, humidity, UV index, and wind speed.
- third section displays the week's forecast.
- built a toggle switch to convert between metric/imperial units.
- built a search bar for user to input a desired location in several formats, like by zip code or city.
- the overall aesthetic could be dramatically improved upon. i like its general simplicity but the spacing needs improvement.
- adding the state and country would make it more clear which city is displayed. for example, is it Paris, TX or Paris, France?
- media queries are needed for improved responsiveness. as an example, could opt to fix the forecast section by setting the width to a percentage and then adding a scrollbar.
click here for a live version!