Shows random animal pictures, using over 12 APIs!
In addition supports direct linking to results, simply copy the URL from the address bar to always return to your favorite images!
Tech Used: HTML, CSS, JavaScript, CodeTabs CORS Proxy
Written in a highly modular and OOP fashion, this project uses a variety of APIs to get random animal pictures - additionally preserving the state of the page via the URL hash.
Most optimizations have already been made, from caching bulky API responses to using a CORS proxy to get around CORS issues, any additional optimizations would mainly be in the form of code refactoring.
Abstracting such a large number of various different data sources into a single interface was a challenge, and writing the code in a modular and OOP fashion was a great learning experience.
- https://aws.random.cat/
- https://random-d.uk/api
- https://theaxolotlapi.netlify.app/
- https://zoo-animal-api.herokuapp.com/
- https://dog.ceo/
- https://www.bunnies.io/
- https://randomfox.ca/
- https://www.fishwatch.gov/developers
- https://elephant-api.herokuapp.com/
- https://docs.thecatapi.com/
- https://random.dog/
- https://shibe.online/
- https://some-random-api.ml/endpoints