Does not look like a beginner's project to me, congrats again!
Also agreed that it looks much better than a beginner's project!
You answered (nation) flag incorrectly!
Have it be like:
You guessed (nation), but the correct answer was (nation)!
Absolutely it looks great.
"You answered [right answer] incorrectly!" is confusing, it should be "Sorry! The right answer was [right answer]!"
Looks great though, nice work!
There is definitely a clustering of design styles. British territories for example tend to have elements of the Union Jack incorporated. Germany, Luxembourg, Italy, that area tend to have more the simple 3 stripe designs.
I found myself occasionally guessing a right answer for flags in regions I knew very little about. I guess that sort of knowledge about design trends seeped in somehow.
But jokes aside: yes, you are quite correct. There are a surprising amount of small island nations, republics, and dependencies that many of us have never heard of.
My guess is that Github just recognizes and supports previewing this particular spec.
Edit: I was wrong, it's topojson as per the other reply, based on the data-type attribute that's set on the div outside the map
Flags change.
The design does make me want to "get 'em all" and learn them correctly and that little change would help.
Kudos on a fantastic first app which is very professional and usable!
Example: Flag is Brazil. Finland is guessed by user. Message to user: "You guessed Brazil incorrectly".
here is a screenshot : https://i.imgur.com/Jx1qyNF.png - I'm running MX Linux
Your current dimensions are not supported
It sure looks like it's rendering just fine:
I know it's a small phone, but I don't think I've ever come across a web page that blocked me from interacting with it due to the screen size. Regardless of whether you decide it's worth it to support smaller screen sizes I would absolutely recommend removing the page-mask/sorry-prompt. You never know what kind of device/browser your web page will be rendered on and overflowing the viewport is the expected behavior when the viewport is very small.
But doesn't give me the correct answer when I'm wrong, so I can't learn.
I have a complex about my inability to do nice design, I really need to just start doing it on the side I think, as I'm sure I'd get better with practice. But I'm always impressed when stuff looks good as a result of my own inability. So nice work! Keep learning!
A nice little exercise when I need to get me head out of the IDE. You should be really proud of this, god, my first site. . .
Well, anyway, have a nice day and keep it up!
The bottom row gets cropped. Resolution is 1366x768. Let me know if you need additional info.
The UI looks great though!
Any way you can configure the number of possible answers? I think 10 options is a bit much (as a clueless American).
It would be nice to have the option to focus on a single content. It's much easier to learn things if you can go back and repeat, but repetition is prohibitive if you have to do the whole world again.
As a small comment, I went to click on a flag on mobile to see if I could see it bigger, and the name of the file came up, with the country's two-letter code, giving away the answer. I'd make it so the flag doesn't respond to touch/mouse events.
It's a fun and well executed project, congrats!
For practice, it might be nice to have some filter options where it only shows you flags from a subset of countries, i.e.,
- continents - largest 50 / 100 / 150 / 200 countries by population
the latter would be nice because it's hard to remember all the small island nations
Nice work, the code was very readable and reasonable.
Well done even though the game is super difficult!
Very cool indeed!
EDIT: Just noticed that right and wrong answers are also plotted on the globe with a green/red circle on the rotating globe as soon as you pick an answer. (Wow!)
I learned a hell of a lot more and a hell of a lot faster doing this project than I ever had in online courses/lessons/etc.
but it doesn't fit my screen size. Perhaps you need to fix this, i'm not the only one here with this problem.
Overall, great job!
If this is really a "beginner" project -- you have a very bright future. Kudos!
If you care to, it would be great to see your learning approach / experience / git repo / tutorial for building the same or something similar.
Idea:
Add a "HINT" button that will gradually reveal more info --
- turn the globe background towards the said country
- highlight the "continent" the country belongs to
- highlight the country itself
Or: - or strike-off a few of the incorrect choices
Also: - Correct answers and wrong answers could be highlighted on he globe with green and red colors for countries
EDIT: I just noticed that you are already doing the last part (albeit with a temporary red/green circle that vanishes -- instead of a permanent coloring of the country). Wow and great work!
It still took me an incredibly long time, with dozens of wrong guesses for the same flags over and over.
I finally finished with Khazakstan, I wish the stats showed how many guesses total, even if I can work it out from the accuracy I suppose.
193 world flags multiple choice finished in 43:07 42% accuracy
Is there any "clustering" of flags into visually similar designs?
Telling similar flags apart and correctly naming the country when the other option is presented as choice ... must be harder work and should ideally have more points :)
One observation from me, using Firefox on a 2019 MacBook Pro: my computer got very warm while playing, and the cooling fans were running much higher than normal. It looks like the page is using a lot of CPU.
Right-click on the flag -> Open image in a new tab -> ISO-2 code image file
Makes it easier to narrow it down to correct answer.
When you get it wrong, show the correct country name under the flag. Optionally, show the flag of the country you got wrong and your wrong guess underneth.
Excellent work!
