[Feat]: Adding for Multi-language Support in Ticketify

IkkiOcean commented 4 days ago

Feature Description

We need to integrate Google Translator into the Rentalog web application to allow users to translate all pages into multiple languages.

Provide a detailed description of the feature

Title:

Description:

This will enhance the user experience for non-English-speaking users by providing them with an accessible interface in their preferred language.

Tasks:

1.  Investigate the Google Translator API or other suitable translation tools.
2.  Integrate the translator into the main layout of the application.
3.  Ensure translation is available for all pages
4.  Add a language selector dropdown to the header/footer for easy language switching.
5.  Test translations to ensure proper formatting and layout across all languages.

Acceptance Criteria:

•   Users should be able to translate any page to their selected language using the Google Translator integration.
•   The layout and styling of pages should not break when the content is translated.
•   The language selector should be accessible and functional on all pages.

Priority: HIGH

Program: GSSOC-ext and hacktoberfest

Please add LEVEL 3 to the issue

Put here any screenshots or videos (optional)

No response

By submitting this issue, you agree to

[X] I agree to follow this project's Code of Conduct
[X] I’ve read all the issues in the issue section, and this feature has not been proposed yet.

Other Information

[X] I'm a GSSoC '24 Extended contributor
[X] I'm a Hacktoberfest '24 contributor
[X] I am willing to work on this feature (optional)

github-actions[bot] commented 4 days ago

@IkkiOcean

Thank you for raising this issue! 🎉🙌

We truly appreciate your contribution to this project and will review the details shortly. 🛠️✨ We will get back to you soon!

Thank you for your patience! 🙏

maniyaom commented 3 days ago

@IkkiOcean As far as I know, The Google Translator API isn't freely available. If you have any alternatives in mind, please let me know.

IkkiOcean commented 3 days ago

@IkkiOcean As far as I know, The Google Translator API isn't freely available. If you have any alternatives in mind, please let me know.

@maniyaom No we wont need API key for this feature. I know a way around in react js to do it. assign this to me. It will be a selection button near navbar/footer to help choose users their preferred language

IkkiOcean commented 15 hours ago

@maniyaom please assign me this. I can implement it without cloud api

maniyaom commented 13 hours ago

@IkkiOcean can you do it for aboutus.js first. Then I will review it.

maniyaom commented 13 hours ago

@IkkiOcean Just send me updated file in personal for aboutus.js after completion of language support.

Discord: ommaniya_53106

IkkiOcean commented 13 hours ago

@IkkiOcean Just send me updated file in personal for aboutus.js after completion of language support.

Discord: ommaniya_53106

I wont be converting each page to some language. my plan is to create a component to choose multiple language from , and the selected language will be implemented on the whole application.
so instead sending it to you on discord just for aboutus.js, what if I implement the feature on your application, share you the screenshot and you decide whether you like it or not. is that good?

maniyaom / Movie-Ticket-Booking