Chatbot Room: Un Universo de Asistentes de IA

Bienvenido a Chatbot Room, una innovadora aplicación web diseñada para ofrecer una experiencia de conversación fluida y educativa con múltiples asistentes de IA especializados.

Características • Tecnologías • Instalación • Licencia

---

🚀 Demo

Ver Demo en Vivo

✨ Características Principales

Chatbot Room no es solo una interfaz de chat, sino un ecosistema completo para interactuar y aprender sobre IA.

• Colección de Chatbots Especializados: Accede a una docena de asistentes, cada uno entrenado en un campo específico:

  • Desarrollo: Code Expert
  • Creatividad: Creative Studio
  • Finanzas: Finance Guru
  • Salud: Health Companion
  • ¡Y muchos más!

• Guía Interactiva "Maestría en Prompts": Una página educativa completa que enseña a los usuarios a comunicarse eficazmente con la IA. Incluye:

  • Un índice de contenidos responsivo para una navegación rápida.
  • Explicaciones claras sobre los pilares del Prompt Engineering.
  • Comparativas visuales entre prompts buenos y malos.
  • Ejemplos prácticos y técnicas avanzadas.

• Interfaz de Usuario Moderna y Responsiva:

  • Diseño consistente y profesional en todas las páginas.
  • Layouts adaptables que funcionan perfectamente en móviles, tabletas y escritorio.
  • Efectos visuales sutiles y animaciones que mejoran la experiencia de usuario.

• Arquitectura Robusta:

  • Construido sobre una base de componentes reutilizables con React y TypeScript.
  • Navegación fluida y del lado del cliente gracias a React Router.

🛠️ Tecnologías Utilizadas

Este proyecto fue construido utilizando un stack de tecnologías modernas y eficientes:

Tecnología	Descripción
React	Biblioteca principal para la construcción de la interfaz de usuario.
TypeScript	Añade tipado estático a JavaScript para un código más robusto y mantenible.
Tailwind CSS	Framework de CSS "utility-first" para un diseño rápido y personalizado.
React Router	Para la gestión de rutas y la navegación en la aplicación.
Remix Icon	Set de iconos de código abierto utilizado en toda la interfaz.
Vite	Herramienta de desarrollo de frontend moderna y extremadamente rápida.

⚙️ Instalación y Puesta en Marcha

Sigue estos pasos para ejecutar el proyecto en tu máquina local:

1. Clona el repositorio:

   git clone https://github.com/joanmatias/chatbot-room.git

2. Navega al directorio del proyecto:

   cd chatbot-room

3. Instala las dependencias: (Usa npm o yarn según tu preferencia)

   npm install
   # o
   yarn install

4. Inicia el servidor de desarrollo:

   npm run dev
   # o
   yarn dev

5. Abre tu navegador: Visita http://localhost:5173 (o el puerto que indique Vite en tu terminal).

🤝 ¿Cómo Contribuir?

¡Las contribuciones son bienvenidas! Si tienes ideas para mejorar Chatbot Room, sigue estos pasos:

1. Haz un Fork de este repositorio.
2. Crea una nueva rama (git checkout -b feature/nueva-caracteristica).
3. Realiza tus cambios y haz Commit (git commit -m 'Añade nueva característica').
4. Haz Push a tu rama (git push origin feature/nueva-caracteristica).
5. Abre un Pull Request.

📄 Licencia

Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.

---

Desarrollado con ❤️ por Joan Matias