API Endpoint: The API endpoint intended to provide random advice did not function as anticipated. It consistently returned the same advice, even though the documentation indicated that it shouldn't when allowing a 2-second gap between requests.
(I resolved this by creating an additional function that generates random numbers and using an alternative endpoint to retrieve an advice with the generated number.)
If you have any suggestions on how I can improve my code, I would greatly appreciate it if you could leave a comment. Thank you in advance. (✿◠‿◠)
This is so cool thanks to you I have gotten the motivation to keep going with learning HTML, CSS and JavaScript, by the way, do you have any tips for learning JavaScript I have been focusing on HTML and CSS but I feel confident enough to move to JavaScript.
Even though this project posed some challenges for me, I thoroughly enjoyed working on it, so much so that I took extra time to add additional features.
Pagination: Added the ability to limit results per page, and a page navgation strip to allow easy movement between pages.
Sorting: Added the ability to sort countries based on name and population in an ascending or descending fashion.
Animation: Used a combination of AutoAnimate, transitions, and animations to create as smooth experience when traversing the page. This includes moving between result pages, changing website theme, when items are moved, shown or hidden, or when hovering over items.
Difficulties Encountered:
Route Transitions: I have used Vue's transition component to animate the route transitions a few times in the past, but unfortunately, it didn't work for me on this project for some reason.
(I'll look into it further and update this project if I find anything)
If you have any suggestions on how I can improve my code, I would greatly appreciate it if you could leave a comment. Thank you in advance. (✿◠‿◠)