aemcdonald

React Weather App

For this exercise, we would like you to make and test a weather app using React, React Testing Library, and the open weather map api.

Spec

• The app should have a form that takes in a location (city name or zip code, your choice)
• When the form is submitted, the app should display the current weather for the location
• When the form is submitted, the app should display a 5 day forcast for the location

Data

aemcdonald

Exam Checklist

Mid-Mod Notes

Time: 3 hrs

• Spec like IdeaBox
• Build out an app from a boilerplate / work through iterations
• Dependencies installed
• 2 repos (1 FE and 1 BE)
• Bring in data from an API

aemcdonald

Don't forget to call for help if you need it in your breakout rooms!

Warm Up

• What does the async keyword do?

• What does the await keyword do?

• Convert this function to use async / await: ( https://repl.it/@khalidwilliams/2006M3-async-await-practice )

  // https://api.adviceslip.com/

aemcdonald

React Router Prework

This gist contains a short assignment I'd like everyone to complete before our formal lesson. The prework involves reading some of the React Router documentation, and will allow us to keep the lesson more hands on.

Instructions

1. Fork this gist
2. On your own copy, go through the listed readings and answer associated questions
3. Comment a link to your forked copy on the original gist

Questions / Readings