A lightweight and intuitive web-based language translator built with React, Vite, and Tailwind CSS. Powered by the MyMemory Translation API, this app allows users to seamlessly translate text between multiple languages in both directions.
🔗 Live Demo: https://scintillating-frangollo-770008.netlify.app/
- 🌍 Translate between a wide range of languages
- 🔁 Bi-directional translation (reverse support)
- 🎨 Fully responsive UI with Tailwind CSS
- ⚡ Fast development with Vite
- 📋 Copy translated output easily
- Frontend: React + Vite
- Styling: Tailwind CSS
- Translation API: MyMemory API
- Deployment: Netlify
-
Clone the repository
git clone https://github.com/Hacknova49/Language-Translator.git cd Language-Translator -
Install dependencies
npm install
-
Start the development server
npm run dev
-
Open in your browser
http://localhost:5173/
This app uses the MyMemory Translation API. No API key is required for basic usage.
If you plan to use a paid or premium translation service, update the fetch URL accordingly in the project’s source files (likely App.jsx or a related utility).
Language-Translator/
├── public/ # Static assets
├── src/
│ ├── components/ # Reusable UI components
│ ├── App.jsx # Main application logic
│ └── main.jsx # Entry point
├── index.html # Main HTML file
├── tailwind.config.js # Tailwind CSS configuration
├── vite.config.js # Vite config
└── package.json # Dependencies and scripts
| Home Page | Translation Feature |
|---|---|
 |
 |
Contributions, issues, and feature requests are welcome!
- Fork this repo
- Create your feature branch (
git checkout -b feature/YourFeature) - Commit your changes (
git commit -m 'Add feature') - Push to the branch (
git push origin feature/YourFeature) - Open a pull request
This project is open-source and available under the MIT License.
Developed by Hacknova49