hola-bola / weather-app-challenge

weather app challenge

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

challenge

the task

implement a very basic weather app using ReactJS

expectations

  • it does not have to be a perfectly working solution
  • it should not take more than 4-5h
  • consider the use case of mobile and/or tablet users
  • bonus points if you find a way/time to use other technologies from our tech stack (TypeScript, Node, GraphQL, PostgreSQL, React Native, ESlint)

note

if the solution requires setup (starting a server or docker-container etc.), please leave an instruction

stories

as a user of myWeather I want to see the forecast in the city of my choice

AC
  • there is an input, where the user can type the name of the city
  • the value of the input can be submitted to the "myWeater"-Service
  • when the form is submitted, the user sees a list/row of tiles for the upcoming days
  • a tile shows temperature, min/max limits, and condition
  • the condition is displayed with an icon (see zip)
    • if the condition can not be matched with an icon, use the "sunny"-icon
  • the min and max temperatures are displayed in the corners of the current temperature in a form comparable to superscript and subscript
  • if the user did an error or there is no such city in myWeather service, he gets notified

resources

  • please find a zip for icons in the folder
  • for weather-data you can use openweathermap

About

weather app challenge


Languages

Language:JavaScript 80.5%Language:CSS 12.1%Language:HTML 7.5%