The Emotional Generator completes AJAX calls to external APIs. The project’s goal was to take in the returned JSON data, setup a number of images related to the topic, then start & stop the image’s animation with a click.
My topic was varying emotions. I’ve allowed the user to create a new entry, but since I don’t have validation to ensure it’s an emotion, it’s only stored locally. I’ve also chosen to store each of the data-states and links to the still & motion images as part of the div, so it can be reset upon each AJAX request of the JSON data.