All solutions

How does the dragging behavior feel?

What do you think of loading all country cards without waiting for their images to be loaded? Currently you see a grey background before the image loads. This means you can see the data of the cards without having to wait for the images to load, but you do the "flash" when the images do load.

Adding an animation is something I'm considering adding, but is my current behavior ideal?

My biggest problem with this app was choosing its HTML elements.

I couldn't decide if I should use a form or not. In one hand, forms are used for user input. But the added controls of "delete" and "reset" seemed to not belong in a form. I think the output of a calculator is much different than the output of a form. Again, I'd be thankful if anyone with more experience could give their input on this area.

It would also be cool if I'd get feedback on the speed of the app. An app like this should load instantly, so I'd like to hear if that's not the case. I expect this will be heavily affected by location, so if you could share that too that'd be awesome!

Any general code criticisms are welcome. I have pretty thick skin and want to get better.

Thanks for checking my solution out.

I'm interested in seeing a solution to get the image-mockup png to match the design file. I could not come with a solution that achieves it.

I got two questions.

• What's the "best practice" around organizing components?

This was a single-component project so I just stuffed everything into the component directory without regard for organizing since the scope was soooo small.

• How bad is my TS?

I am happy to learn more and have pretty hard skin :)

Is my semantic HTML correct? I had a few second thoughts about labeling my heading-levels due to the short nature of the HTML. Particularly, I'm about 70% sure that labeling the attribution section as an article with a H2 heading was the right move. I'm about 50% sure that it was the best move though.