Chat de Traducción Simultánea

(English description below)

📖 Descripción

Este proyecto es un chat en tiempo real para dos personas, con la característica principal de ofrecer traducción automática simultánea.
Cada usuario puede elegir el idioma en el que escribe y el idioma en el que desea leer los mensajes del otro.
De esta forma, dos personas que hablan diferentes idiomas pueden comunicarse sin barreras, con traducciones automáticas en cada mensaje.

🚀 Funcionalidades principales

• Sala privada para máximo 2 usuarios.
• Selección de idioma de escritura y de lectura por cada usuario.
• Traducción automática de mensajes en tiempo real.
• Diferenciación visual entre tus propios mensajes y los del otro usuario.
• Sistema de mensajes del sistema (entrada/salida de usuarios).
• Interfaz sencilla y responsive.

🛠️ Tecnologías utilizadas

Frontend

• HTML5
• CSS3 (con variables y diseño responsivo)
• JavaScript (DOM y Socket.IO client)

Backend

• Node.js
• Express
• Socket.IO (para la comunicación en tiempo real)
• LibreTranslate / MyMemory (para la traducción automática)
• dotenv (manejo de variables de entorno)

📂 Estructura del proyecto

traductor/ ├── server/ │ ├── package.json │ ├── server.js │ ├── translator.js │ └── .env └── client/ ├── index.html ├── styles.css └── app.js

markdown Copiar código

▶️ Ejecución

1. Clonar el repositorio.
2. Entrar en la carpeta server e instalar dependencias:

   cd server
   npm install
   

Iniciar el servidor:

bash Copiar código npm start http://localhost:3000

Abrir otra ventana (o modo incógnito), entrar en la misma sala y elegir idiomas diferentes para probar la traducción en vivo.

---

📖 Description (English)

This project is a real-time chat for two users with the main feature of offering automatic simultaneous translation.
Each user can choose the language they write in and the language they want to read the other person’s messages in.
This allows two people speaking different languages to communicate seamlessly, with automatic translations applied to every message.

🚀 Main Features

• Private room for up to 2 users
• Each user selects their writing language and reading language
• Automatic real-time translation of all messages
• Visual distinction between your own messages and the other user’s messages
• System messages (user joined/left)
• Clean, simple, and responsive interface

🛠️ Technologies Used

Frontend

• HTML5
• CSS3 (with variables and responsive design)
• JavaScript (DOM manipulation + Socket.IO client)

Backend

• Node.js
• Express
• Socket.IO (real-time communication)
• LibreTranslate / MyMemory (automatic translation)
• dotenv (environment variables management)

📂 Project Structure

translator/ ├── server/ │ ├── package.json │ ├── server.js │ ├── translator.js │ └── .env └── client/ ├── index.html ├── styles.css └── app.js

markdown Copiar código

▶️ How to Run

1. Clone the repository
2. Navigate into the server folder and install dependencies:

   cd server
   npm install

Start the server:

bash Copiar código npm start Open in your browser: http://localhost:3000 Open another browser window (or incognito mode), join the same room, and select different languages to test live translation.