tolgee / tolgee-platform

Developer & translator friendly web-based localization platform
https://tolgee.io
Other
1.71k stars 166 forks source link

🤩 Create Flag Country Finder (Hacktoberfest Demo) #2562

Open marketachalupnikova opened 5 days ago

marketachalupnikova commented 5 days ago

372383862-ac1bd9c1-fc1f-4375-9bf5-8e8c9b41cc15

We are searching for beautiful demo creators! For more information and how to get your swag, read the Hacktoberfest.md

Demo: Flag Country Finder 🌐

Build a simple app where users can select a flag from a dropdown menu, and the app will display information about the country, including its capital, population, and interesting facts.

Technology Requirements

You can build this app using whatever framework you prefer: React, Angular, Vue, Next, Svelte, PHP, Flutter, Ruby, React native, iOS, or Android.

If you have any questions, join our Tolgee Slack Community to get help, share your ideas, suggestions, or questions and connect with other users and contributors.

Thank you for participating in the Tolgee Hacktoberfest event! 🐁

YogeshBabyOP commented 5 days ago

Production Webpage using react.js👇 https://countryflagfinder.netlify.app/

I used this api for data retrieval 👇 https://restcountries.com/v3.1/all

JanCizmar commented 5 days ago

It's very nice, but so far it doesn't use Tolgee for localization. :)

YogeshBabyOP commented 5 days ago

for that it was asking for api keys, so I create a project on tolgee and generate some api keys, but it doesn't working :)

marketachalupnikova commented 4 days ago

sorry to hear that! You can check the example react app with Tolgee integration here: https://github.com/tolgee/tolgee-js/tree/main/packages/react

Sparklegift commented 3 days ago

@marketachalupnikova I'd like to work on this

marketachalupnikova commented 3 days ago

thank you @Sparklegift Looking forward to your contribution!

YogeshBabyOP commented 2 days ago

use Tolgee for localization. :

Thank you for the resource, here is the final version using Tolgee for localization.

This was the production url : https://tolgee-flag-finder.vercel.app/

Here is the Article : https://dev.to/yogeshbabyop/building-a-multilingual-country-finder-app-with-tolgee-and-react-1nf9

YogeshBabyOP commented 1 day ago

@marketachalupnikova can I create a PR now and add into demos/ ??

marketachalupnikova commented 1 day ago

yes please @YogeshBabyOP