In this practice, you'll be building a multi-day project called Catstagram!
Here are the features of Catstagram:
- It shows a random kitten picture from the
https://thecatapi.com/API. - Users can vote on the picture.
- Users can comment on the picture.
- Users can delete comments.
- Users can request a new random kitten image to be shown.
The most important feature of Catstagram is that all of the features listed above can be performed without requiring a page reload. For example, when a new comment is created, the comment smoothly gets added to the page without requiring the website to reload.
In building Catstagram, you will master the fundamentals of interacting with APIs and implementing DOM manipulation behaviors in response to API calls. This project will be a 3-day project, one phase per day.
- Fetch a new cat image on page load and display it.
- Add interactivity to the page with buttons and forms.
- Store the application state on the client.