This week, I worked on a project where I created a webpage to display random dog images fetched from the Dog CEO API. I built the HTML and CSS myself, following a structure provided by Diana on Miro. The project involved features like saving favourites and downloading images. The Dog CEO API was the primary API I used for fetching the dog images.
I learned how to fetch data from APIs using the fetch method, handle JSON data, and implement features like saving favourites and downloading images dynamically. These skills are crucial for building interactive websites, and I will use them in future projects to enhance user experiences with dynamic content.
I really enjoyed this task because it gave me full control over the styling, which is something I really like, and working with dogs made it fun and engaging. However, I did feel a bit confused at first when trying to implement the API, but with practice, I’m confident this will become easier.
I need to practice working with APIs more, especially with handling different types of requests and responses. I also need to become more comfortable with JavaScript’s asynchronous features and refine my understanding of the Fetch API. In the future, I want to experiment more with features like dynamically updating pages based on data.
I explored using Postman to test the API, which I found helpful for checking the structure of the response and understanding how to handle the data. I also researched more about how to implement the GET request protocol and how to work with JSON. These techniques are useful for making HTTP requests and processing the data efficiently, which will help in any project where external data needs to be fetched and displayed.
Through working on this project, I considered the ethical implications of using data from public APIs. While the Dog CEO API is free and open, it’s important to remember that not all APIs are open for public use. Ensuring that APIs respect privacy and intellectual property rights is essential. I think it’s important to always check the terms of use and follow ethical guidelines, especially when dealing with data that could involve personal information.
This project helped me gain hands-on experience with API integration, which will be useful for building more dynamic and engaging websites in the future. As I continue to practice, I will refine my skills and expand my knowledge in API usage, JavaScript, and web development.