Daily Mood Tracker with React Native

Crea una aplicación móvil que permita a los usuarios registrar su estado de ánimo diario (😃 Feliz, 😐 Neutral, 😢 Triste), visualizar su estado actual y un historial reciente.

1https://github.com/breatheco-de/react-native-cli-hello

1npm install

1bundle install

1bundle exec pod install

1npx react-native start --reset-cache

1npm run android

1cd ios
2pod install

📝 Instrucciones:

• La app debe permitir seleccionar un estado de ánimo tocando un emoji (😃, 😐, 😢).
• Debe mostrarse el estado actual de hoy (por ejemplo: “Hoy te sientes: 😃 Happy”).
• Debe existir un historial que liste los últimos estados con hora legible.
• Cuando no haya registros, mostrar un mensaje: “No hay registros todavía”.
• Incluir un botón para reiniciar el historial (limpiar lista y estado actual).
• No uses fetch ni APIs externas; trabaja solo con estado local (useState) y efectos (useEffect).
• Renderiza el historial con FlatList y claves estables.
• Aplica renderizado condicional (sin estado actual vs. con estado, lista vacía vs. con datos).

💡 Tips para terminar este proyecto

No te pongas con el código de inmediato; primero diseña una estrategia:

• ¿Qué estados vas a necesitar? (p. ej., currentMood, history).
• ¿Qué acciones tendrá el usuario? (seleccionar estado, reiniciar).
• ¿Cómo y cuándo usarás useEffect?
  • Uno al montar (logs/diagnóstico).
  • Otro cuando cambie currentMood para agregar al historial.
• Usa tipos en TypeScript para los registros (MoodEntry) y valores base (MoodBase).
• Piensa en accesibilidad: botones con accessibilityLabel.