Ejercicio de programación con React: Gestor de tareas con React

Inicialización del proyecto:

• Crea un nuevo proyecto de React utilizando Vite: npm create vite@latest my-todo-app.
• Navega al directorio del proyecto y ejecuta npm install para instalar las dependencias.

Estructura de archivos:

• Crea una carpeta src/components para almacenar tus componentes de React.
• Dentro de src/components, crea al menos los siguientes archivos: TodoList.jsx, TodoItem.jsx, AddTodo.jsx.

Desarrollo del componente de entrada de tareas:

• En AddTodo.jsx, crea un formulario que permita a los usuarios ingresar una nueva tarea.
• Implementa la funcionalidad para agregar la tarea a la lista al enviar el formulario.

Desarrollo del componente de lista de tareas:

• En TodoList.jsx, renderiza todas las tareas actuales.
• Implementa el uso de localStorage para almacenar y recuperar las tareas.

Desarrollo del componente de tarea individual:

• En TodoItem.jsx, renderiza una tarea individual con la opción de marcarla como completada o eliminarla.

Estilización:

• Aplica estilos CSS para diferenciar visualmente las tareas completadas de las no completadas.

Pruebas:

• Verifica que la aplicación funcione correctamente, incluyendo la persistencia de datos al recargar la página.