Agreed, this looks really great! I second that being able to see the flag and the correct answer more prominently after an incorrect guess would help! Super well done.
Agreed. When I first did it I didn't realize the answer was given after I pressed a choice. I thought it would give me a summary after so many guesses, like a quiz.
Also agreed that it looks much better than a beginner's project!
Second this. When I first noticed this text at the bottom, I assumed a bug knowing that the button I just pressed was not what text was displayed. It took a second to realize that it was telling me the correct flag, not the button pressed.
For learning, it would also help to show the flag + correct nation name next to each other; maybe a list of past flags and their correct answers at the side or bottom?
Might make sense to show incorrect answers, flag and country name persistently somewhere on the side of the screen. Then you can also lose if you get too many to show on screen.
I'm on a Macbook/Firefox with my resolution scaled up a bit and I didn't realize the answers were being displayed at all until I zoomed the page to 80%. Scrolling does not work. I did about 20 of them wondering when a results page would appear. Very fun and addicting project.
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.
this is pretty cool.
I think you have a big opportunity here to have an easter egg if you detect someone holding down a number key for over 10 seconds as I did.
Pretty cool, love that it keeps track of your score at the bottom. One comment is that the user feedback when answering incorrectly displays the name of the correct country, not the incorrectly guessed country.
Example:
Flag is Brazil. Finland is guessed by user. Message to user: "You guessed Brazil incorrectly".
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.
Agreeing with the current regime is not a requirement for a sovereign nation to update their flag is it? There is no government in exile, and the current regime is really the only entity in charge of that nation's flag.
This is fantastic and highly addictive! My only suggestion (as others have said) would be to indicate the CORRECT flag's name clearly and give the user a chance to absorb it before going onto the next one. Maybe a box around the right choice or the country name near the flag? Something like that.
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!
Nice little game for curious people. Hard mode: picking the alternatives among geographically-close countries, or countries with similar-looking flags.
Nicely done! 11 mins 4 seconds with 97% accuracy (my apologies to some smaller caribbean and pacific islands for forgetting your flag, and for mixing up whether Indo or Singapore had the crescent moon + stars)
I am on a laptop, just I'm zoomed in by default and couldn't see the whole thing. In fact the fix would be to either NOT css-fix things, or allow scroll :)
This game was fun and made me wonder: have I ever seen a damn flag in my life? Seems like a simple thing, then you get in there and don't know most of them.
I was surprised at how much my random guesses were correct, based on the style of the flags. (Mostly getting it wrong, but maybe 20% success rate)
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.
Re >> that nobody's ever heard
I think you just hurt their feelings. It's okay São Tomé and Príncipe, I've heard of you.
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.
I recommend Anki. I've been learning flags (and capitals etc) ~1 year ago. After a few months break I have finished this game with a 97% accuracy (missed 5 countries). I would not get as good without multiple-choice, but it's still nice to see how many flags I did still recall.
Yeah, seems site isn't adapting to dimensions. If you zoom out it also shows whether you answer correctly/wrong, time, and percentage of correct answers.
Very nice! I like how the last guessed country is displayed in the map in the back. It's a shame it doesn't pan to that location, because it's often located outside the viewport. It would be useful to have a way to zoom out and view the whole map, because it would teach the user about the country's location as well.
Thank you for the kind words! I originally had the globe pan to the country in question, but found out it creates quite a visual mess for users that answer rapidly.
That’s lovely and frustrating. 1) The right answer could be visualized higher on the screen, to reduce eye movement. 2) My 15 minute progress was erased after checking the settings and trying out the options. Argh!
But overall well done on this project!
Despite any mild clunkiness in the actual game (which has been thoroughly covered in other comments, so I won't repeat it), I just wanted to say this is a really nice looking project.
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!
134 comments
[ 2.3 ms ] story [ 194 ms ] threadDoes 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.
Hope this helps :)
"You answered [right answer] incorrectly!" is confusing, it should be "Sorry! The right answer was [right answer]!"
Looks great though, nice work!
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.
Example: Flag is Brazil. Finland is guessed by user. Message to user: "You guessed Brazil incorrectly".
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.
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!
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.
In fact in lots of cases it's can even be quite nice since there's practically no international drama. Security through obscurity as they say.
here is a screenshot : https://i.imgur.com/Jx1qyNF.png - I'm running MX Linux
but it doesn't fit my screen size. Perhaps you need to fix this, i'm not the only one here with this problem.
Nice work, the code was very readable and reasonable.
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!
It's a fun and well executed project, congrats!
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!
https://youtu.be/_e8PGPrPlwA