### Nasa Game App
Antonio & Rosie
<img src="https://media.giphy.com/media/HtaGVNHVnTNuw/giphy.gif" />
---
## Criteria
- Accept some user input (e.g. a username) :heavy_check_mark:
- Query an API (e.g. the Github API, or any other fun one) :heavy_check_mark:
- Populate the UI with API data :heavy_check_mark:
- Have some form of persistent state and interactivity, e.g. :heavy_check_mark:
---
- A hunger bar that decreases over time and is topped up when you feed them stars :heavy_check_mark:
- A button to add more users to your collection :heavy_check_mark:
---
## Stretch criteria
- Make it look great :heavy_check_mark:
- Save your state to localstorage so you can leave the page and come back later :negative_squared_cross_mark:
---
<img src="https://media.giphy.com/media/26vUDLOP9YIc8oxGg/giphy.gif" />
---
#### Day 1
- We planned some ideas and decided to do a card game using planet images from the Nasa API
- We set up the file structure, got the app deployed to Netlify and got our three 'page' components working, ready to start on Thursday
- https://medium.com/@cqpro/lets-build-a-matching-card-game-with-react-d8923d915e46
---
#### Day 2
- Adding the game
- Adding the CSS :100:
---
#### Process
- We did a lot of working out of our next move as we went along and pair coded throughout the project
- We only realised today that we didn't create a project board or any issues :/
---
<img src="https://media.giphy.com/media/gDJmXmtODz16M/giphy.gif" >
🚀 Demo 🚀
---
#### Problems and solutions
---
useEffect()
Original:
---
Fix:
---
### Something cool we learnt
---
### Something we want to improve
---
{"metaMigratedAt":"2023-06-16T00:23:14.291Z","metaMigratedFrom":"Content","title":"Untitled","breaks":true,"contributors":"[{\"id\":\"7bfddbf1-39cc-46b1-8474-80064974de82\",\"add\":962,\"del\":10},{\"id\":\"7da4162a-2657-4e16-a79c-aef961d4b0dc\",\"add\":1006,\"del\":33}]"}