Página web de un test virtual de tiempo de reacción. Permite medir y visualizar los tiempos de reacción de un participante a través de una interfaz interactiva y amigable. La aplicación está creada como una SPA (Single Page Application), lo que permite una experiencia fluida sin recargas de página.
- Registro del nombre del participante.
- Cinco rondas para medir el tiempo de reacción con botones color rojo y un botón aleatorio en color verde, dicho botón aparecerá en un tiempo de 3 a 5 segundos.
- Visualización de los resultados en una tabla y gráfico lineal.
- React
- Vite
- JavaScript
- Chart.js
- react-chartjs-2
No se debe instalar nada ya que es una página web. El programa tiene su deployment en Netlify de forma gratuita y cualquiera puede acceder a él. Es recomendable utilizarlo en computadora y una pantalla táctil favorecerá la experiencia.
- Ingrese el nombre del participante y haga clic en "Comenzar".
- Espere el conteo regresivo y haga clic en el botón verde lo más rápido posible en cada ronda.
- Al finalizar, revise sus tiempos de reacción en la tabla y el gráfico.
- Puede volver al inicio para realizar una nueva prueba haciendo click en "Volver".
- App.jsx: lógica principal y navegación entre pantallas.
- StartScreen.jsx: pantalla de inicio y registro de nombre.
- ReactionScreen.jsx: lógica y visualización del test de reacción.
- ResultsScreen.jsx: visualización de resultados y gráfico.
- App.css: estilos globales y de componentes.
Trabajo original realizado por Alexia Cerdas Aguilar. © 2025 Alexia. Todos los derechos reservados.