Prueba №7

Lista de Tareas (Todo)

Hay que crear un componente que cumpla con los requisitos indicados a continuación. Para la estilización se puede usar cualquier framework CSS (por ejemplo, Bootstrap). La dockerización del proyecto y la presencia de un archivo README correctamente elaborado con instrucciones de inicio son obligatorias.

Junior

• Añadir una nueva tarea.
• Mostrar la lista de tareas añadidas.
• Eliminar tareas de la lista.

Junior +

• Añadir una nueva tarea.
• La nueva tarea se añade si su longitud es menor o igual a N caracteres.
• Mostrar la lista de tareas añadidas.
• Eliminar tareas de la lista.
• Alternar el estado de la tarea entre "Completada" y "No Completada" al hacer clic en su nombre.

Middle

• Añadir una nueva tarea.
• La nueva tarea se añade si su longitud es menor o igual a N caracteres.
• Mostrar la lista de tareas añadidas.
• Alternar el estado de la tarea entre "Completada" y "No Completada" al hacer clic en su nombre.
• Filtrar por tipo (todas, completadas, no completadas).
• Mostrar un contador de tareas completadas y no completadas.

Middle +

• Añadir una nueva tarea.
• La nueva tarea se añade si su longitud es menor o igual a N caracteres.
• Mostrar la lista de tareas añadidas.
• Alternar el estado de la tarea entre "Completada" y "No Completada" al hacer clic en su nombre.
• Filtrar por tipo (todas, completadas, actuales).
• Mostrar un contador de tareas completadas y no completadas.
• Utilizar un sistema de almacenamiento (Redux, Mobx).