Título:
Medir la pasión de los hinchas en la tribuna con el Agitómetro
Descripción:
Como hincha de Boca Juniors, quiero poder medir el nivel de ruido en la tribuna y el movimiento de mi celular para ver cuánto estoy animando al equipo, y que esto se refleje en un marcador dinámico llamado "Agitómetro".
Criterios de Aceptación:
- El "Agitómetro" debe detectar el nivel de ruido ambiental en tiempo real y mostrarlo visualmente.
- El "Agitómetro" debe medir el movimiento del celular cuando se agita y reflejarlo en el marcador.
- El marcador del "Agitómetro" debe combinar tanto el nivel de ruido como el movimiento para calcular el nivel de agitación total.
- Debe haber un feedback visual atractivo (e.g., barras de colores, animaciones) para representar los niveles.
- Los datos deben actualizarse en tiempo real sin retrasos perceptibles.
- La aplicación debe funcionar en dispositivos Android e iOS con React Native.
- Debe tener los colores de Boca Juniors
Especificación Técnica
1. Arquitectura de la Solución
- Framework: React Native.
- APIs a Utilizar:
- Micrófono: Para captar el nivel de ruido ambiental (e.g.,
react-native-audio
o expo-av
).
- Acelerómetro y Giroscopio: Para medir el movimiento del celular (e.g.,
expo-sensors
).
- Estado y Animaciones: Manejo de estado con Redux/Context API y animaciones con
react-native-reanimated
o Lottie
.
2. Interfaz de Usuario
- Pantalla Principal:
- Marcador central dinámico (Agitómetro/Shakemeter) que varía según los inputs.
- Indicador visual del nivel de ruido (e.g., barra o anillo progresivo).
- Indicador visual del nivel de movimiento (e.g., ondas o partículas que aumentan según la intensidad).
- Botón para "Reiniciar" el marcador.
- Indicador de máxima agitación alcanzada (score).
- Estilo Visual:
- Paleta de colores alineada con Boca Juniors (azul y amarillo).
- Efectos que evoquen la energía de la hinchada (e.g., luces intermitentes o vibraciones al máximo nivel).