/front-end-test

A take home test for Front-end Developers

Front End Test

A take home test for Front End Developers.

Instructions

  • Clone this repo
  • Complete this exercise and submit either a zip of the solution or a link to a new repo
  • Create a small webapp with HTML and JavaScript / TypeScript
  • All choices of libraries, frameworks, etc. are up to you.

Requirements

  • Solution should be responsive
  • Use the the included weather.json file as your datasource (sample data from Yahoo's Weather API)
  • Show the "current" conditions for New York:
    • Location (ie. New York, NY, USA)
    • Current weather description (ie. sunny)
    • Current temperature
    • Today's high temperature
    • Today's low temperature
  • Allow the user to toggle more data in the current conditions area:
    • Wind Speed
    • Humidity
    • Pressure
    • Sunrise/Sunset Time
  • Show the 7 Day forecast as a multi-line chart (use any charting library you would like)
    • Y axis should show the High and Low temperature as separate lines
    • X axis should show 7 days (starting with the "current" day)
    • The chart should have a tool tip that when activated shows:
      • Day of the week
      • High temperature
      • Low temperature
      • Weather description (ie. Breezy)
  • Bonus: Was this too easy? Want to make it a real app? Use the Yahoo's Weather API or Open Weather API with the default location set to New York, NY.