Skip to content

bautista225/ai-translator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

23 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ”€πŸ€– AI translator

React TypeScript Bootstrap Vite pages-build-deployment

AI translator page

πŸ”Ž Overview

React SPA to translate text to different languages (yes, even to emojis 🌟!!).

Using Cohere AI technologies, developed with Typescript.

🌱 Key features

  • Translation to a high range of languages:
    • English
    • French
    • German
    • Spanish
    • Portuguese
    • Italian
    • Mandarin
    • Korean
    • Japanese
    • Arabic
    • Emojis 🌟 (yes, it's actually true)
  • Interchange of translations, to modify for example the target translation one.
  • Speech of the translation.
  • Copy of the translation to clipboard.

πŸ“– Usage

  • In the left side selector you can select the source language, as shown in the image bellow, or leave the Cohere AI to auto detect it.
  • In the right selector you must chose one language from the list.
  • You are able to interchange language texts when the auto detect option is not selected.
  • Both translation areas provide copy to clipboard and hearing the text with the speech functionality.

Language selector

πŸ–₯ Installation in local

Obtaining a Cohere API client ID

  1. Log into the Cohere dashboard
  2. Navigate to API Keys section
  3. Create a new one, indicating a related name

Configuration and execution

After clonning the repository, add a .env file with the following content:

VITE_COHERE_API_KEY=YOUR-COHERE-DEVELOPER-CLIENT-ID

In the root directory of the repo, install the NPM packages with:

pnpm install

Run an instance in localhost:5173 with:

pnpm run dev

✨ Contributions

Contributions are welcome! If you have ideas to enhance the AI translator App β€”whether it’s adding new features, improving the design, or expanding the contentβ€” feel free to submit a pull request. You can also share suggestions or feedback to help make this project even better!

⭐ Support

If you find AI translator App helpful or you like what we're doing, please consider giving the repository a star! It's a quick way to show your support for this project.

About

πŸ”€πŸ€– React SPA translator with Cohere AI.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published