ClimateCast ⛅

Description

Built with HTML, CSS, Vanilla JavaScript, Bootstrap, and Moment.js, this interactive and responsive weather dashboard uses server-side APIs provided by OpenWeatherMap to display current and future forecast data of searched cities based on their latitude and longitude.

Visit ClimateCast to begin searching for weather outlooks around the world!

Table of Contents

• Usage
• Preview
• Contribution
• Questions
• Credits

Usage

Enter a city in the "Search for a City:" input field and click the search button for ClimateCast to generate current weather conditions and a five-day forecast overview.

• The current forecast will display a color coded UV index block based on the United States Environmental Protection Agency UV Index Scale:

  • 🟩: 0-2 (Low)
  • 🟨: 3-5 (Moderate)
  • 🟧: 6-7 (High)
  • 🟥: 8-10 (Very High)
  • 🟪: 11+ (Extreme)

Preview

ClimateCast.mp4

Contribution

• Forking this repository is always welcomed and encouraged!

If you encounter a problem with this application, please add an issue or pull request to the GitHub repository.

Questions

• Please feel free to use this application at any time and visit my personal GitHub profile to access other open source projects!

Credits

• Denysha Guerrios-Armaiz, 04/2022