All solutions

Really wanted to challenge myself and do this project as fast as possible. Took me about 4 hours of non stop coding / planning .

Will work on Dark Mode when I find the time !

I do have a question regarding the border countries on the "details" page. In the design file it is shown that the border countries have their full name displayed, however when you fetch the data from the API the "borders" array only has the short names for the countries. I'm wondering what would be the best way to display the full country name for the border countries.

Thanks in advance !

When switching to the new component, you can see a slight flicker , the image takes a fraction of a second to load, but it is enough to make the component flicker.

What would be a good way to make it not flicker ? Thanks !

I'm proud of the work I've done on this mini app, but I have a question.

Was there an easier way of changing the data when a button is clicked ? I feel i may have over complicated things.

Thanks in advance !

I am very proud of the smooth animations i managed to make with JavaScript / CSS for both mobile and desktop versions of the site.

If there is an easier way of animating pop-ups / modals , please let me know !

Open to any feedback !

Thanks in advance !

Any better way to do the responsiveness besides a bunch of media queries ?

Thanks in advance !

Any feedback is welcome ! Im just getting started.