Skip to content

CampFirecast is an interactive front end application that allows users to determine whether a campfire is safe to light based on location, date selection, and weather conditions.

Notifications You must be signed in to change notification settings

ezaiger/camp-firecast

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

88 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

camp-firecast

Purpose

  • CampFirecast is an interactive website that displays crucial weather information to help the user decide if it is safe for them to enjoy a campfire.

  • This project uses a weather API (OpenWeatherMap) to pull weather information and displays the data with corresponding colors (orange and red) to visualize when the conditions are in the intermediate or dangerous range. We have also included another API (Google Maps) to display a map of the selected area.

  • In order to use this website, the user should enter a city name in the input area, select a state from the drop down menu, choose a date from the drop down menu , then press search. The results and a message will populate in the box below.

USER STORY

AS A responsible camper, I WANT to know if the weather conditions are too dry, too hot, or too windy, SO THAT I can safely build a campfire.

screenshot

screenshot2

Built With

  • HTML
  • CSS
  • CSS Framework Source: (getskeleton.com)
  • JavaScript
  • API Sources: (OpenWeatherMap.com, Google.com/maps)
  • Icons from Flaticon.com: Tent (piksart), Shovel (Iconjam), Form (Stockes Design), Plus Sign (kliwir art)

Website

https://mwjones2186.github.io/camp-firecast/

Contribution

©️2022 CampFirecast, Inc

About

CampFirecast is an interactive front end application that allows users to determine whether a campfire is safe to light based on location, date selection, and weather conditions.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 51.1%
  • JavaScript 33.3%
  • CSS 15.6%