First-contributions: Add country flags to quick access translated versions

[OtacilioN]

The translation of this project is something really awesome, but some people cannot read a single word in English. Adding flags in the readme allows visual and quick access to translated versions.

🐞 Problem

• If you don't understand English you cant see that are translated versions available
• There's no quick access (1 click access) to translated versions from README.md

🎯 Goal
Have a visual and quick way to access translated versions

💡 Possible solutions
Add flags with links to available translated versions in the README.md

📋 Steps to solve the problem

• Discuss with other contributors to the relevance and best way to implement it
• Add the discussed solution to README.md
• Submit a PR

[OtacilioN]

I imagine two approaches to do that.

Just flags and links side by side

[...]

Read this in other languages.

🇮🇳 🇲🇲 🇮🇩 [...]

[...]

Flags and language names

[...]

Read this in other languages.

🇮🇳 हिन्दी | 🇲🇲 Myanmar Unicode | 🇮🇩 Bahasa Indonesia [...]

[...]

What do you think about Folks? Which the best way to do this?

[Roshanjossey]

Thank you for opening this issue @OtacilioN 🖖. I fully understand your point.

We used to have a listing of languages in Readme itself. We refactored it in to a separate file when it started getting bloated up.

One of the things we did with tutorial is to keep it very short. That really worked out too. That's why we removed translation links too.

Let's wait for the community to respond to this. I'd love to do some user interviews to understand this issue too.

[OtacilioN]

Fully agreed, it is really important to be short, maybe the flags approach is a good solution, I think just one line will be added.

[sara-02]

@OtacilioN the translations listing page does include a flag based on language/country
https://github.com/Roshanjossey/first-contributions/blob/master/Translations.md
How useful would it be to have them listed again in the main README when the
Read this in other languages. points you to the file I linked.
One enhancement that can be done is to list somewhere the total translations supported. Either on the main README or on the translations readme

[Roshanjossey]

@sara-02, @OtacilioN is suggesting flag emojis that links to corresponding translations.

Consider someone who can't understand the sentence Read this in other languages (because they can't understand English). They could benefit if they can understand flags.

[sara-02]

Oh. Ok Yes, it makes sense now :)

[sara-02]

In that case Flags and language names would be better, because for even for the same flag we can have multiple languages, like Indian flag can be used any regional Indian language.

[OtacilioN]

Yes, but to not increase much lines in the README.md we could add just the flags in the README, and for countries that just have one language, such as Brasil, we can link directly, and for countries with multiple languages, such as India, we can link to a Readme called indiaLangs.md with a list containing all languages available for india

[sara-02]

@OtacilioN That sounds good to me :)

[umluizlima]

Hi, everyone. What if we placed all the flags inside a single link on README.md that leads to Translations.md ? Thid way it wouldn't bloat the README.md and still allow the viewers to choose their specific dialect on Translate.md

Example:

Read this in other languages:

🇮🇳 🇲🇲 🇮🇩 🇫🇷 🇪🇸 🇳🇱 🇷🇺 🇯🇵 🇻🇳 🇵🇱 🇮🇷 🇮🇷 🇱🇹 🇰🇷 🇰🇵 🇩🇪 🇨🇳 🇹🇼 🇬🇷 العربية 🇺🇦 🇧🇷 🇵🇹 🇮🇹 🇹🇭 🏴󠁥󠁳󠁧󠁡󠁿 🇵🇰 :bangladesh: :moldova: :romania: :uk: 🇹🇷

[GriffinAustin]

Posted branch with what @umluizlima suggested

https://github.com/GriffinAustin/first-contributions

[Roshanjossey]

@umluizlima, if each flag is linked to corresponding tutorial, we reduce the number of clicks for user. We were trying to optimize that experience. For countries that has multiple languages, it could link to Translation.md like you suggested.

[Roshanjossey]

@GriffinAustin, I see your pull request to address this issue. Thank you for taking it up. Let's continue conversation there and take it forward.

[OtacilioN]

As the before PR does not fit this discussion I submit another one with the implementation discussed here.

[Roshanjossey]

Closing this as this has been resolved in #5866