Requirements

Requirements

Requirement #1: App UI:

The user interface should contain a single form input and a submit button (the starter code already provides the UI)

Requirement #2: Make Multiple API Requests

When users enter a city name into the input field and press submit the following should happen:

  • API Request #1 - Fetch City’s Current Weather

    Your app should make an API request to OpenWeather and fetch the current weather associated with the city name entered into the form

  • API Request #2 - Fetch Gif representing the City

    Your app should make an API request to Giphy and retrieve a gifs associated with the city name entered into the form field

  • API Request #3 - Fetch Gif representing City’s weather description

    The current weather data fetched from “API Request #1” returns a weather description (i.e. rain, clear sky, snow, etc) . Make an API request to the Giphy and retrieve gifs associated with this weather description

Requirement #3: Display Data

Once all the data has been received from the API requests, display the following data on the screen:

    * The city’s current weather
  * City name
  * Current temperature (displayed in Fahrenheit or Celsius)
  * Weather description
  * Min temp
  * Max temp

    * 1 gif that represents the city

    * 1 gif that represents the city’s current weather description

Requirement #4: Use Promises

  • Promises must be used to make consume / handle the API responses

  • Axios must be used to make the API requests