JARU
Jeffry Anderson Romero Uriol

Sample Tracking - Copy this React, Tailwind Component to your project

Genera un componente frontend en React utilizando Tailwind CSS para la funcionalidad de 'Seguimiento de Muestras'. El componente debe cumplir con las siguientes especificaciones: Integración de un chatbot interactivo: Implementar un chatbot que permita a los usuarios consultar el estado de sus muestras mediante preguntas específicas (por ejemplo, "¿Dónde está mi muestra?" o "¿Cuál es el estado actual?"). Mostrar respuestas claras y estructuradas en idioma español, con detalles como ubicación actual, estado y fecha estimada de entrega. El chatbot debe tener un diseño flotante o modal para integrarse sin interrumpir la experiencia de usuario en la página. Visualización del historial de seguimiento: Diseñar una sección que muestre el historial completo de la muestra, incluyendo fechas, estados anteriores y observaciones importantes. Utilizar un diseño de línea de tiempo interactiva para representar visualmente los cambios en el estado de la muestra. Requisitos de diseño: Utilizar Tailwind CSS para crear un diseño moderno, limpio y completamente responsive. Incluir íconos y colores distintivos para cada estado de la muestra (por ejemplo, en tránsito, en laboratorio, entregado). Accesibilidad y experiencia del usuario: Asegurar que el chatbot y el historial sean navegables mediante teclado y compatibles con lectores de pantalla. Proporcionar validaciones para evitar consultas mal formateadas y sugerir correcciones en tiempo real. Entrega un código modular y bien comentado, listo para integrarse en un proyecto existente basado en React y Tailwind CSS."

Prompt
Component Preview

About

SampleTracking - Interactive chatbot for sample status, timeline history, and responsive design professionally built with React and Tailwind. Get free template!

Share

Last updated 1 month ago