Crea un app para el laboratorio

Actúa como desarrollador experto de apps en clasificación de reactivos químicos en una empresa. Crea una app web móvil llamada "Clasificación de reactivos de acuerdo a su riesgo y su equipo de seguridad para su manejo en el laboratorio".

OBJETIVO QUÍMICO: Que el personal de laboratorio sepa cómo clasificar los reactivos químicos de acuerdo a su riesgo y que equipo de seguridad debe utilizar para su manejo en el laboratorio. Duración: 10-15 min.

ESTRUCTURA DE LA APP:

1. PANTALLA INICIO:
   • Título: Clasificación de reactivos de laboratorio de acuerdo a su riesgo
   • Subtítulo: Clasificación de los reactivos
   • Botón grande: "Comenzar"

• App creada por: Angelica Medel
• Campo de texto: "Escribe el nombre del reactivo a clasificar" + "código del reactivo". Ambos obligatorios.
• Video de YouTube: https://www.youtube.com/watch?v=rq5wlfPFXEs sobre Clasificación de reactivos químicos en el laboratorio
• Estilo: Minimalista, tipografía Poppins, modo claro y oscuro automático estilo de laboratorio químico innovador.

2. NIVEL 1: ARRASTRA Y CLASIFICA

   • Instrucción: "Arrastra y clasifica cada equipo de seguridad que se debe utilizar de acuerdo al reactivo a utilizar "
   • 10 equipos de seguridad por cada reactivo.
   • 5 equipos de seguridad con su nombre + imagen del equipo.
   • Retroalimentación inmediata: Si acierta "¡Correcto!" Si falla "Casi.".
   • Botón "Siguiente" solo se activa al tener 5/5 correctas.

3. NIVEL 2: CLASIFICACIÓN POR RIESGO

   • Clasifica los reactivos por su riesgo en Alto riesgo, Riesgo medio, Sin riesgo y desconocido.
   • Clasifica de acuerdo a la tabla de incompatibilidad entre sustancias químicas

• 5 preguntas opción múltiple, 1 por capa. Orden aleatorio.
  • 4 opciones por pregunta.
  • Mostrar explicación después de cada respuesta, aunque sea correcta.
• Barra de progreso arriba: Pregunta 2 de 5.

4. PANTALLA FINAL: RESULTADOS
   • Mostrar: Nombre del reactivo, código del reactivo, Fecha de hoy, clasificación del reactivo y equipo se seguridad para su manejo.
   • Mensaje personalizado: Si 8-10 "Excelente, eres un IA nato". Si 5-7 "Vas bien, repasa". Si <5 "Te recomiendo volver al video inicial".
   • Botón 1: "Descargar Constancia PDF" con nombre del reactivo, clasificación, fecha.
   • Botón 2: "Intentar de nuevo" reinicia nivel 1 y 2 con preguntas nuevas generadas por IA.
   • Botón 3: "Ver respuestas" muestra tabla con sus respuestas vs correctas.

BASE DE DATOS: Guarda automáticamente en Google Sheets conectado: Fecha/hora, Nombre del reactivo, código del reactivo, clasificación, Tiempo total en segundos.

DASHBOARD DOCENTE: Crea una pestaña en la app con acceso por PIN 1234. Muestra tabla de todos los intentos y gráfica de barras: % de veces que se consulta un reactivo para todo el laboratorio.

ACCESIBILIDAD Y SEGURIDAD: Botones grandes mínimo 48px, contraste AA, botón "Leer pregunta en voz alta" usando text-to-speech del navegador. No solicitar correo ni datos personales fuera de nombre y grupo. Mostrar aviso: "Tus datos solo se usan para evaluación del programa".

EXTRAS: Al abrir por primera vez, mensaje: "Esta app fue creada con IA para tu ayuda. Úsala con responsabilidad".

Dónde pegarlo para que funcione ya: