TranslateX

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.

Live Preview

Check out the live preview of the application hosted on GitHub Pages here.

Table of Contents

• Table of Contents
  • Features
  • Technologies Used
  • Getting Started
  • Usage
  • Contributing
  • License

Features

• 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.

Technologies Used

• 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.

Getting Started

To get a local copy up and running, follow these simple steps:

1. Clone the repository:

   git clone https://github.com/your-username/TranslateX.git

2. Install dependencies:

   npm install
   

3. Start the development server:

   npm run dev
   

4. Access the application in your web browser at http://localhost:5173

Usage

• 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.

Contributing

Contributions are welcome! If you find any issues or want to enhance the application, feel free to submit a pull request.

License

This project is licensed under the MIT License.