TODO-APP

Prerrequisitos

• Configuración del ambiente de react native.
• Seguir estas instrucciones para configurar el ambiente. https://reactnative.dev/docs/environment-setup?guide=native.

Instalación.

1. Clonar repo

   git clone https://github.com/ncortesm/todo-app-expo.git

2. Instalar packages

   npm install

3. Inicializar metro bundler y app ios

   npm run ios

4. Inicializar metro bundler y app android

   npm run android

Descripción

Pedro, un desarrollador de software, ha estado anotando sus tareas en un cuaderno durante los últimos tres años. Aunque este método ha funcionado para él, ha comenzado a notar que su cuaderno se está llenando rápidamente y que buscar tareas antiguas se está volviendo cada vez más difícil. Además, no puede llevar su cuaderno a todas partes, lo que significa que a veces olvida anotar tareas importantes.

Para resolver estos problemas, Pedro ha decidido crear una aplicación de lista de tareas utilizando React Native y Expo. Esta aplicación permitirá a Pedro (y a otros usuarios) agregar, marcar como completadas y eliminar tareas de una manera fácil y eficiente. Además, como la aplicación estará en su teléfono, podrá anotar tareas en cualquier momento y lugar.

Requerimientos

• La aplicación debe ser creada utilizando React Native, Typescript y Expo.
• La aplicación debe tener una pantalla principal donde se muestren todas las tareas.
• Los usuarios deben ser capaces de agregar nuevas tareas a la lista. Cada tarea debe consistir en un texto ingresado por el usuario.
• Los usuarios deben ser capaces de marcar las tareas como completadas. Puedes implementar esto como prefieras, por ejemplo, cambiando el estilo de la tarea o moviéndola a una sección diferente.
• Los usuarios deben ser capaces de eliminar tareas de la lista.
• El estado de la aplicación debe ser manejado adecuadamente. Debes utilizar el hook useState de React para manejar el estado de la lista de tareas.

Tecnologías

• React Native y Expo para la creación de la aplicación.
• Utilizar ojas de estilo nativos de react native.
• Puedes apoyarte de react-native-elements, para la implementación de los componentes que no se encuentren nativamente en el framework.

Ejemplo

Screen.Recording.2023-12-03.at.22.35.36.mov