Sheffield | 26-ITP-jan | Richard Frimpong | Sprint 3 | Programmer Humour

[Richiealx]

Learners, PR Template

Self checklist

• I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
• My changes meet the requirements of the task
• I have tested my changes
• My changes follow the style guide

Changelist

This PR implements a simple web application that fetches and displays the latest XKCD comic using an API.

Changes made:

• created HTML, CSS, and JavaScript files
• fetched data from XKCD API using fetch
• logged API response to the console
• rendered comic image and title in the DOM
• added a loading state while the request is in progress
• added error handling for failed API requests

Reflection

This task helped me understand how to fetch data from an API and display it dynamically in a web page. I improved my understanding of asynchronous JavaScript and DOM manipulation.

I focused on keeping the implementation simple while meeting all the task requirements.

Note: When opening the project using file://, the browser may block the API request due to security (CORS). Running it on a local server (e.g. Live Server) resolves this.