APIs application - week 6 - Juliette & Paolo

Stretch User Stories

• Visual feedback of data loading.
• Visual feedback on errors.

Acceptance criteria

• Decide on 2 APIs and use fetch
• Generate HTML content dynamically from the response.
• Responsive design.
• Accessibility.

Ideas

• App related to travelling / countries / food
• App related to movies and relevant GIF
• Start with an input field, if we figure it out quickly we could make it more complex, more options using radio inputs.

Potential issues

• Built an initial, simple HTML / CSS frame for the app to be able to visualize the data we fetch form the APIs

  • Header title
  • Input field
  • Two divs to visualize data from the 2 APIs
  • Button to send request
  • Div to visualize errors

• Styling of the app.

• Final responsiveness check.

• Final accessibility check.