https://github.com/priyoraven/linkedin-lang
Linkedin chat translator using google translate api.
https://github.com/priyoraven/linkedin-lang
css3 extension-chrome googletranslateapi html5 javascript linkedin tailwindcss
Last synced: 4 months ago
JSON representation
Linkedin chat translator using google translate api.
- Host: GitHub
- URL: https://github.com/priyoraven/linkedin-lang
- Owner: PriyoRaven
- License: mit
- Created: 2024-11-08T14:26:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-20T14:33:16.000Z (over 1 year ago)
- Last Synced: 2024-12-05T08:14:40.090Z (over 1 year ago)
- Topics: css3, extension-chrome, googletranslateapi, html5, javascript, linkedin, tailwindcss
- Language: JavaScript
- Homepage: https://github.com/PriyoRaven/linkedin-lang
- Size: 188 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Table of Contents
-
About The Project
-
Getting Started
- Usage
- Contributing
- License
- Contact
- Acknowledgments
- Testers / test subjects
## About The Project
This LinkedIn extension is designed to break down language barriers and improve communication between users speaking different languages. By leveraging real-time translation, the extension allows users to translate messages in LinkedIn chats into their preferred language instantly, enhancing the user experience and promoting smoother cross-cultural communication.
Some features are as:
- **Real-Time Translation:** Automatically detect the language of a message and translate it into the selected language with just one click.
- **Multilingual Support:** Choose from a wide range of languages to translate messages into, ensuring you can communicate with anyone in the world.
- **Seamless Integration:** The extension works directly within LinkedIn’s chat interface, adding a translation button next to messages and also in the input box, when clicked, will instantly translate them.
- **User-Friendly:** The interface is simple and intuitive, ensuring users can easily translate messages without hassle.
### Built With
The languages and libraries used are:
- [![Html][Html]][Html-url]
- [![Css][Css]][Css-url]
- [![Js][Js]][Js-url]
- [![Tailwind][Tailwind]][Tailwind-url]
## Getting Started
I have not added this project in extension web store so you need to download and run locally.
### Installation
_You can either download the zip file by clickin on "<> code" then "Download ZIP" or you can clone from github_
To clone the repo, copy the below code and run on cmd after navigating to the folder you want it to get cloned.
```sh
git clone https://github.com/PriyoRaven/linkedin-lang.git
```
_After the installation is complete follow these steps below_
- Navigate to the Extensions page in Chrome by typing 'chrome://extensions' in the address bar.
- Enable Developer Mode by toggling the switch in the upper right corner.
- Click on 'Load unpacked' and select the folder where you cloned this repository or have the saved folder.
- The extension should now appear in your list of extensions.
- Click on it and pin it for easy access. (Optional)
## Usage
- Open the extension by clicking on it and then click on 'Get Started' button and you will be directly redirected to Linkedin website or manually open linkedin Website and log in with your account.
- After opening the website click on the extension and select your preferred language from the dropdown and hit save. You should see "Settings saved!" beside the save button.
- Now open any chat.
- You can now hover over any sent or received messages. A Translate button will appear below the message.
- Click the Translate button to translate that specific message to the selected language.
- To translate the message in the input field before sending it, type a message you want to translate and then click the Translate button that appears in the right corner of the input field.
_Note: The extension will remmeber your selected language until cached data is cleared, the extension is reinstalled or updated._
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated.**
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
## License
This project is distributed under the MIT License. See [`LICENSE`](https://github.com/PriyoRaven/linkedin-lang/blob/main/LICENSE) for more information.
## Contact
Priyadarsi Halder - [Email Me](mailto:priyadarsi02@gmail.com)
Github Link: [PriyoRaven](https://github.com/PriyoRaven)
## Acknowledgments
I would like to express my gratitude to the following for their invaluable support and inspiration throughout the development of this project:
- [WordWave by Souvik Das (for making the project and inspiring me to create a translator extension for linkedin)](https://github.com/souvik-wizard/WordWave)
- [google cloud translation api (for the tranlation api)](https://cloud.google.com/translate/docs/reference/rest)
- [Img Shields (for the logo used to create this readme.md)](https://shields.io)
- [StephanAkkerman (for finding Googletrans: Free and Unlimited Google translate API )](https://shields.io)
## Testers / test subjects
Thank you [Tuhin Bar](https://github.com/tuhinexe) and [Souvik Das](https://github.com/souvik-wizard) for testing my project/ extension and helping me to find the bugs. Also thanks to [Arnab Das](https://github.com/ArnabDas2001) and [Gopinath Ghosh](https://github.com/Gopi515) for being the test subjects by getting random messages from me to check if the translator is working or not.
[stars-shield]: https://img.shields.io/github/stars/PriyoRaven/linkedin-lang.svg?style=for-the-badge
[stars-url]: https://github.com/PriyoRaven/linkedin-lang/stargazers
[license-shield]: https://img.shields.io/github/license/PriyoRaven/linkedin-lang.svg?style=for-the-badge
[license-url]: https://github.com/PriyoRaven/linkedin-lang/blob/main/LICENSE
[issues-shield]: https://img.shields.io/github/issues/PriyoRaven/linkedin-lang.svg?style=for-the-badge
[issues-url]: https://github.com/PriyoRaven/linkedin-lang/issues
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/priyadarsi-halder-786a8a237/
[Html]: https://img.shields.io/badge/html-ff5733?style=for-the-badge&logo=html5&logoColor=white
[Html-url]: https://developer.mozilla.org/en-US/docs/Web/HTML
[Css]: https://img.shields.io/badge/css-2965f1?style=for-the-badge&logo=css3&logoColor=white
[Css-url]: https://developer.mozilla.org/en-US/docs/Web/CSS
[Js]: https://img.shields.io/badge/javascript-f7df1e?style=for-the-badge&logo=javascript&logoColor=black
[Js-url]: https://developer.mozilla.org/en-US/docs/Web/JavaScript
[Tailwind]: https://img.shields.io/badge/tailwind_css-38b2ac?style=for-the-badge&logo=tailwindcss&logoColor=white
[Tailwind-url]: https://tailwindcss.com/
