- fetch dogs
const BASE_URL = 'https://dogs-backend.herokuapp.com/dogs'
- create dog cards for each returned dog object and display in the UI
<div class="dog-info">
<img src="source here" />
<h1>Dog Name: name here</h1>
<button>DELETE</button>
</div>
-
add an event listener to the html form
-
on submit, dog should //a) be optimistically rendered to UI //b) be posted to backend //c) form should be cleared
-
add event listener to delete button
-
optimistically render deleted dog
-
delete from backend