This challenge composes content for our fictional drinks menu, it looks like it's broken at the moment so we need to fix it. There are 6-8 challenges that focus on a few key areas of JavaScript and Contentful.
The idea of the challenge isn't to stump you in any way but purely to see how you would troubleshoot an issue live. I hope you enjoy the challenge and we can look at fixing our drinks menu together!
Helpful links:
Problem takes place in HomePage.js
- Our screen hasn't loaded, we have an error, something is undefined, let's fix it.
- Something is up with our query it seems, our data doesn't fetch or load, what is it?
Challenge takes place in DrinkDetail.js
- Great, we have our data but our drink names just say “drink”
- It seems that when we select something from our menu, it doesn't work, can we fix that?
- A. our image isn't present - the same issue as before, missing a prop it isn’t “imageHere”
- B. our titles just say “drink”, why?
Challenge takes place in DrinkDetailPage.js
- Our dates are messed up for our drink entries, can you help us figure out why?
Challenge takes place in the Contentful web app
- It looks like we’re missing some entries, can you help us figure out why?