Página de Frases Aleatorias

Este proyecto es una aplicación web desarrollada en React que muestra frases motivacionales o célebres de manera aleatoria. Incluye funcionalidades avanzadas como cambio de idioma (español/inglés), traducción automática, copia de frases al portapapeles y enlaces a redes sociales.

Características principales

• Frases aleatorias: Muestra una frase diferente cada vez que el usuario lo desee.
• Cambio de idioma: Permite alternar entre español e inglés con un solo clic.
• Traducción automática: Las frases se traducen automáticamente usando un servicio gratuito.
• Copia rápida: Incluye un botón para copiar la frase actual al portapapeles.
• Redes sociales: Acceso directo a LinkedIn, Facebook, Twitter, Instagram, Telegram y WhatsApp.
• Interfaz profesional: Diseño moderno, responsivo y visualmente atractivo.

Instalación y uso

1. Clona este repositorio:

   git clone <url-del-repositorio>

2. Instala las dependencias:

   npm install

3. Inicia la aplicación:

   npm run dev

4. Abre tu navegador en http://localhost:5173

Estructura del proyecto

├── public/
├── src/
│   ├── components/
│   │   ├── card.jsx
│   │   ├── phrase.jsx
│   │   └── LanguageSwitcher.jsx
│   ├── Data/
│   │   └── phrases.json
│   ├── App.jsx
│   ├── App.css
│   └── main.jsx
├── package.json
└── README.md

Personalización

• Puedes agregar, quitar o modificar frases editando el archivo src/Data/phrases.json.
• Los estilos pueden personalizarse en los archivos CSS correspondientes.

Créditos

• Desarrollado con React y Vite.
• Traducción automática por MyMemory API.
• Iconos por Font Awesome.

Licencia

Este proyecto es de uso educativo y libre distribución.