Skip to content

marina-russ/msu-weather-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

weather-dashboard

Featuring OpenWeather API

forthebadge forthebadge forthebadge forthebadge

📖 Table of Contents

  1. Project Criteria
  2. Challenges
  3. Contributions
  4. UV Index
  5. Deployed Application
  6. Screenshot of App

⭐ Project Criteria:

  • User can search for a city using the OpenWeather API.
  • User's result shows current weather conditions as well as a 5-day forecast.
  • Current weather includes a UV index whose color changes based on whether conditions are favorable, moderate, or severe.
  • User's city search history is viewable.
  • User's most recent city search is stored in localStorage.

⛰️ Challenges:

  • A final criteria was to make the search history 'researchable' - ie, when User clicks on a city in the search history they are again presented with the weather results for that city. Everything I tried at the time was incredibly buggy, but I will revisit this code in the future.
  • I didn't want to use moment.js for dates since that is deprecated, so I used Luxon for the first time! The documentation was not as beginner-friendly as moment.js, but I eventually figured it out. :)

❤️ Contributions:

😎 UV Index:

GreenYellowOrangeRedPurple

🧙 Deployed Application:

Link to Deployed Application

📷 Screenshot of App:

GitHub Logo