Click a button and you'll recieve a random character name from the Avatar: the Last Airbender series along with a photo of them.
Link to project: https://menahassan-atla-api.netlify.app/
Tech used: HTML, CSS, JavaScript
Working on this project allowed me to practice using the fetch method to grab data from an API. The most painful part of this experience was finding APIs that were free and functional. Fortunately, there are some great ones out there if you do a bit of digging. I was really excited to be able to work on this Avatar project since it's one of my favorite series.
Once you find a functional API, the rest of the work is fairly straightforward. You just need to map out the path to each data point you're looking to grab. This process looks slightly different for each API you're using since not all data is organized the same way but there's enough of an overlap so that you can generally get a sense of the pattern you need to follow.
