https://github.com/arislooi/translator-app
A simple and intuitive web-based translator app that translates text from English to multiple languages including Malay, Spanish, French, German, and Chinese.
https://github.com/arislooi/translator-app
css html javascript translation webapp
Last synced: about 2 months ago
JSON representation
A simple and intuitive web-based translator app that translates text from English to multiple languages including Malay, Spanish, French, German, and Chinese.
- Host: GitHub
- URL: https://github.com/arislooi/translator-app
- Owner: ArisLooi
- Created: 2024-12-05T12:57:25.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-06T08:31:01.000Z (over 1 year ago)
- Last Synced: 2025-05-13T17:17:36.777Z (about 1 year ago)
- Topics: css, html, javascript, translation, webapp
- Language: HTML
- Homepage: https://stackblitz.com/~/github.com/ArisLooi/Translator-App
- Size: 114 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Translator-App
Welcome to the Translator-App repository! This project is a simple and intuitive web-based translator application that allows users to translate text from English to multiple languages including Malay, Spanish, French, German, and Chinese.
## Features
- **Multiple Language Support**: Translate text from English to Malay, Spanish, French, German, and Chinese.
- **User-Friendly Interface**: Simple and clean design for ease of use.
- **Responsive Design**: Works well on both desktop and mobile devices.
## Getting Started
### Prerequisites
Make sure you have a modern web browser installed.
### Installation
1. Clone the repository:
```bash
git clone https://github.com/ArisLooi/Translator-App.git
2. Navigate to the project directory:
```bash
cd Translator-App
3. Open index.html in your browser to view the application.
## Usage
1. Open the application in your browser.
2. Enter the text you want to translate in the "Type Your Text Here" textarea.
3. Select the target language from the dropdown menu.
4. Click the "Translate" button to see the translated text.
## Project Structure
Translator-App/
├── .gitignore
├── README.md
├── cover.png
├── index.html
├── logo.png
├── package-lock.json
├── package.json
├── script.js
├── style.css
├── translate.js
└── translator-man.png
## Functions
- translateText(): Translates the input text to the selected language.
- translate(language, inputText): Translates the input text based on the selected language.
## Contributing
Contributions are welcome! Please fork the repository and submit a pull request for any improvements or bug fixes.
## Acknowledgments
Thanks to all the developers who have contributed to open-source projects and made learning to code accessible to everyone.
Happy coding! 😊