TranslateX is a web-based translation application designed to translate text between different languages. This application provides a simple and intuitive interface for users to translate text, supporting multiple languages.
Check out the live preview of the application hosted on GitHub Pages here.
- Language Translation: Translate text from one language to another in real-time.
- Language Detection: Automatically detect the language of the entered text.
- Limit: 1000 characters per translation request.
- User-Friendly Interface: Simple and easy-to-use interface for smooth navigation and interaction.
- Frontend: Built using React.js and Vite for a faster development experience.
- Styling: SCSS for styling components and user interface.
- API Integration: Utilizes the LibreTranslate API for language translation and detection.
- State Management: React Hooks (useState, useEffect) for managing application state.
- Additional Packages: react-toastify, prop-types for enhanced functionality.
To get a local copy up and running, follow these simple steps:
- Clone the repository:
git clone https://github.com/your-username/TranslateX.git
- Install dependencies:
npm install - Start the development server:
npm run dev - Access the application in your web browser at http://localhost:5173
- Enter the text you want to translate in the input area.
- Select the source and target languages from the dropdown menus.
- Click the "Translate" button to view the translated text.
Contributions are welcome! If you find any issues or want to enhance the application, feel free to submit a pull request.
This project is licensed under the MIT License.