https://github.com/khushi2706/word-translator

This project created for personal use translate word using web scraping from google Translator
https://github.com/khushi2706/word-translator

beginner-friendly nextjs nextjs14 translator-app

Last synced: 7 months ago
JSON representation

This project created for personal use translate word using web scraping from google Translator

• Host: GitHub
• URL: https://github.com/khushi2706/word-translator
• Owner: khushi2706
• Created: 2025-01-22T10:52:08.000Z (9 months ago)
• Default Branch: master
• Last Pushed: 2025-02-17T09:57:39.000Z (8 months ago)
• Last Synced: 2025-02-17T10:33:38.602Z (8 months ago)
• Topics: beginner-friendly, nextjs, nextjs14, translator-app
• Language: JavaScript
• Homepage: https://word-translator-one.vercel.app
• Size: 40 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Translator App

This Translator App is designed for personal use to quickly translate an English word into multiple languages and copy the translations easily. It also provides the translations in a structured JSON format for convenient use in code or other applications.

## Features

- Translates an English word into:

  - Chinese (`zh-CN`)

  - German (`de-DE`)

  - Spanish (`es-ES`)

  - French (`fr-FR`)

  - English (`en-US`)

- Displays translations in a structured JSON format.

- Provides a "Copy" option for each translation and the JSON object.

- Shows "Copied" text upon successful copying.

- Indicates "Fetching" while waiting for the API response.

- Allows submitting the form using the "Enter" key.

- Minimal, clean UI with responsive design.

## Purpose

This app is created for **personal use** to translate a single word into multiple languages for work purposes. It utilizes web scraping to fetch translations, ensuring quick and reliable results. The app is not intended for commercial use, and any misuse of the service or API may lead to restrictions.

## Technologies Used

- **Next.js (App Router)**: Framework for the front end and API integration.

- **React Icons**: For copy button icons and UI enhancements.

- **Tailwind CSS**: For styling and responsive design.

- **Web scraping**: Fetches translation data from Google Translate.

## How to Use

1. Clone the repository:

   ```bash

   git clone https://github.com/yourusername/translator-app.git

   cd translator-app