News for hackers. Stuff that matters.

Show HN: I made a little tool to practice country positions on the world map

https://learn-worldmap.netlify.app/

Hi HN,

I built a little tool to help me get better at remembering country locations on the map: https://learn-worldmap.netlify.app/

It's made from plain HTML/CSS/JS, and not intended to make any money or anything. Just thought that maybe someone else may enjoy it. Also of course happy about any feedback!

Cheerz.

( 32 comments | 3 points | on HN )
Re:Show HN: I made a little tool to practice country positio... by frfl on Friday July 28, 2023 @05:58PM (#36913921)
The UI could use some work, it's functional, but some polish would improve the overall appearance and user experience. It's a nice game, not to take anything away from that, but looks like it was made in the 90s/00s rather than this decade :)

Perhaps take a look at various Map websites, Google, MapQuest, Bing, OpenStreetMaps, a fullscreen interface where you can zoom and pan easily would be more user friendly

Re:Show HN: I made a little tool to practice country positio... by MrBodangles on Saturday July 29, 2023 @01:43AM (#36917292)
The simplistic design of the UI is great. It just needs a better UX (especially mobile).
Re:Show HN: I made a little tool to practice country positio... by blackbrokkoli on Saturday July 29, 2023 @05:42AM (#36918518)
Neumorphism is funny - people either love it or hate it. No in-between.

Thank you both for the input, definitely agree on the mobile UX.

Re:Show HN: I made a little tool to practice country positio... by blackbrokkoli on Saturday July 29, 2023 @05:50AM (#36918557)
A fullscreen interface is an interesting idea, thank you!

I bit my teeth on how to make this fun on mobile and small screens especially (and then gave up)...copying something like gMaps more closely may just be the move.

Re:Show HN: I made a little tool to practice country positio... by Alifatisk on Friday July 28, 2023 @07:52PM (#36915002)
Love that it repeats questions I got wrong on randomly until I get it right.
Re:Show HN: I made a little tool to practice country positio... by blackbrokkoli on Saturday July 29, 2023 @05:48AM (#36918546)
Glad you like it! Implementing a sort of in-session Spaced Repetition was actually one of the main foci of the project :)
Re:Show HN: I made a little tool to practice country positio... by nerdbert on Friday July 28, 2023 @08:14PM (#36915211)
Caribbean is too annoying. I know exactly where an island is but can't figure out which of three nearly overlapping circles is the right one.
Re:Show HN: I made a little tool to practice country positio... by blackbrokkoli on Saturday July 29, 2023 @05:46AM (#36918534)
Hard agree, I wish they would move the islands a bit further apart!

No, you are absolutely right of course...I'm still figuring out how to get that working nicely...if you have any specific ideas for the UX of clicking the small islands feel free to share.

Re:Show HN: I made a little tool to practice country positio... by thorcodingson on Friday July 28, 2023 @08:56PM (#36915592)
Just when I thought Neumorphism is dead.
Re:Show HN: I made a little tool to practice country positio... by blackbrokkoli on Saturday July 29, 2023 @05:46AM (#36918536)
Not sure if some random guy on HN using it for side projects counts as keeping it alive, but I'm giving my best.
Re:Show HN: I made a little tool to practice country positio... by tagawa on Friday July 28, 2023 @09:45PM (#36915924)
Nice! I enjoyed playing it. One bit of feedback – the "Include Tiny Countries" toggle seems to have the same appearance in both states, so I'm not sure which is on and which is off.
Re:Show HN: I made a little tool to practice country positio... by tagawa on Friday July 28, 2023 @09:56PM (#36916002)
Also, a bit more contrast between sea and land would be nice. Around the Mediterranean especially, I find it really hard to tell which is which.
Re:Show HN: I made a little tool to practice country positio... by blackbrokkoli on Saturday July 29, 2023 @05:44AM (#36918525)
Thanks for both your comments, very valuable! I'll put it on the TODO.
Re:Show HN: I made a little tool to practice country positio... by z3ugma on Friday July 28, 2023 @10:09PM (#36916099)
I’m having a frustrating and difficult time using this on mobile.
Re:Show HN: I made a little tool to practice country positio... by Azleur on Saturday July 29, 2023 @03:10AM (#36917704)
It looks fun, but it's unplayable on my phone screen. The CSS needs work to accommodate different screen sizes.
Re:Show HN: I made a little tool to practice country positio... by gulabjamun on Saturday July 29, 2023 @05:02AM (#36918323)
Very nice. But a few issues.

1. The incorrect messages disappears too quickly. And it appears slightly off the screen (I am on a MBP 15"). It should persist.

2. There is no zoom for Europe. I tried using Mediterranean. So when asked to show Estonia, I can't even get to the NW European states without scrolling. Which means that the incorrect message will never be seen.

Similarly, asked for Guernsey had to zoom in but it selected Jersey. No amount of zooming will let me select from the two. It becomes grainy.

Re:Show HN: I made a little tool to practice country positio... by blackbrokkoli on Saturday July 29, 2023 @05:41AM (#36918507)
* * *
Re:Show HN: I made a little tool to practice country positio... by calculated on Saturday July 29, 2023 @07:23AM (#36919120)
Would love to see a mobile app for this or at least a mobile optimised web page as this looks like something I’d play when commuting. Very cool idea regardless. Cheers!
Re:Show HN: I made a little tool to practice country positio... by cwmoore on Saturday July 29, 2023 @07:38AM (#36919222)
There's something going on in the Middle East. Whenever I click on Israel, it responds Palestinian Territories. Also, might want to turn off tiny countries by default. I don't know my island nations well enough. Otherwise very cool.
Re:Show HN: I made a little tool to practice country positio... by hegzploit on Saturday July 29, 2023 @08:06AM (#36919434)
I think that's correct behavior there.
Re:Show HN: I made a little tool to practice country positio... by blackbrokkoli on Sunday July 30, 2023 @09:43AM (#36931079)
Uh-oh, unintended political statement. Will look into it, thank you!
Re:Show HN: I made a little tool to practice country positio... by cookiengineer on Saturday July 29, 2023 @08:11AM (#36919476)
I like this a lot!

Feedback: The scrolling isn't integrated well, and everything East of Puerto Rico is impossible to click correctly. I got Saint-Martin as a location and could not click it right, even when scrolling in as much as possible (due to the zoom level not changing the distance of world movement when dragging, it's the same x/y speed).

Also I have the feeling that I am in an endless loop of selecting Montenegro, Azerbaijan, Chad, Ukraine and Malaysia correctly. They appear a lot of times and are not filtered out from the list of remaining countries when being selected correctly.

Screenshots showing the hovering issues due to overlapping countries: https://imgur.com/a/8PteW27

Re:Show HN: I made a little tool to practice country positio... by blackbrokkoli on Saturday July 29, 2023 @11:55AM (#36921460)
Thank you for the detailed feedback. I will look into this!
Re:Show HN: I made a little tool to practice country positio... by pcdoodle on Saturday July 29, 2023 @08:42AM (#36919723)
Nice dood!

I was way off on some of these xD Don't let perfect be the enemy of good. I'd say keep up polishing what you got from a desktop perspective before considering making mobile friendly.

Re:Show HN: I made a little tool to practice country positio... by RugnirViking on Saturday July 29, 2023 @09:36AM (#36920178)
I like it but the constant repetition is really grating. I know its probably some fancy duolingo style idea about proven science but its really grating to have to confirm that yes I know where canada is every second click - only one in maybe twenty or thirty is interesting or difficult and having to spend ages to get to that point is annoying. Especially before I saw the option to turn off tiny islands so I just pressed on greenland every time it wanted monserrat because its not worth trying with the overlapping circles in carribean.
Re:Show HN: I made a little tool to practice country positio... by tremarley on Saturday July 29, 2023 @10:15AM (#36920534)
It's not great on mobile. It would be great if we could pinch and zoom.

I don't know if we are meant to have countries repeat. The Caribbean countries overlap

Re:Show HN: I made a little tool to practice country positio... by schemathings on Saturday July 29, 2023 @12:23PM (#36921775)
If this is meant for learning it would be nice to name the wrong country you clicked, e.g. Sorry that is Angola. Maybe a way to toggle that behaviour. Cool regardless.
Re:Show HN: I made a little tool to practice country positio... by lcuff on Saturday July 29, 2023 @12:31PM (#36921855)
Overall, good on you.

Because I know very few countries in Oceania, it's very frustrating. Wake Island, eek!. If there were a 'show me' button that appears after a wrong answer, that would be a good addition. The result message (error/correct) disappears too quickly Maybe need to control it with at 'got it' button? I'd like to zoom even closer on the Balkan peninsula.

Re:Show HN: I made a little tool to practice country positio... by KomoD on Saturday July 29, 2023 @05:08PM (#36924625)
I'd like being able to toggle certain parts of the world, also the "include tiny countries" toggle is not clear if it's on or off in my opinion

And for some reason I keep getting the same 3-4 countries?

Re:Show HN: I made a little tool to practice country positio... by Steering on Sunday July 30, 2023 @04:49AM (#36929221)
I like it a lot. How can i skip and come back to a location later?
Re:Show HN: I made a little tool to practice country positio... by tarwin on Sunday July 30, 2023 @04:58PM (#36935904)
Nice. Already learned that I kinda fail at this. But learning.

Only comment I have is it is super hard with small islands. Not exactly sure of the solution. Maybe show a red circle around the actual location if you click the wrong one? So you can learn. I'm stuck on St Martin.

Re:Show HN: I made a little tool to practice country positio... by neontomo on Monday July 31, 2023 @01:24PM (#36945936)
Had a random bug where it kept telling me the right answer before I clicked. The countries showed up as red outlines and I just picked them off.

Otherwise, love games like this.