A small web application that fetches jokes from the external API JokeAPI and displays them dynamically based on the selected category and language.
This project was built as part of my learning process to practice working with APIs and asynchronous requests in JavaScript.
🔗 Try the app here:
https://sandragonzalezdiaz1.github.io/xml-joke-generator/
The goal of this project is to practice consuming REST APIs and handling asynchronous data in the browser.
The application allows users to select a joke category and language, then retrieves jokes from the API and displays them dynamically.
It also includes error handling and a loading indicator to improve the user experience.
- 🎭 Select different joke categories
- 🌍 Choose the joke language
- 🔄 Asynchronous API requests using XMLHttpRequest
⚠️ HTTP error handling- ⏳ Loading indicator while fetching data
- HTML5
- CSS3
- JavaScript
- XMLHttpRequest
- JokeAPI
xml-joke-generator
│
├── index.html
├── css
│ └── styles.css
├── js
│ └── app.js
├── assets
│ ├── screenshot_1.png
│ └── screenshot_2.png
└── README.md
This project helped me practice:
- Consuming external REST APIs
- Making asynchronous requests
- Handling XML data
- Working with the DOM
- Managing API errors
- Add more joke filters
- Allow users to save favorite jokes
- Replace XMLHttpRequest with Fetch API
- Improve UI animations
Sandra González Díaz