Ejercicio técnico: Desarrollador frontend

Reto práctico del Banco de talento

Volver al Banco de talentoEjercicio para realizar por tu cuenta

Aplicación de lista de tareas

Crea una aplicación web adaptable para organizar tareas cotidianas de forma sencilla y clara.

A tu ritmo
Sin cronómetro
Enlace público
Envío del repositorio
Práctico
Explica tus decisiones
Instrucciones del retoDesarrollador frontend

Objetivo

Crea una aplicación sencilla de lista de tareas con HTML, CSS y JavaScript. Los usuarios deben poder agregar, ver y eliminar tareas. El diseño debe adaptarse a distintos tamaños de pantalla y guardar las tareas localmente.

Requisitos principales

  • Agregar tareas
    • Incluye un campo de texto y una acción clara para agregar una tarea.
    • Cada tarea debe mostrar su título y la hora en que se agregó.
  • Ver la lista de tareas
    • Muestra una lista de tareas con desplazamiento.
    • Muestra el título y la fecha de cada tarea.
  • Eliminar una tarea
    • Cada tarea debe tener una acción visible para eliminarla.
  • Diseño adaptable
    • Comprueba que la interfaz funcione bien en computadoras y dispositivos móviles.
  • Guardar los datos localmente
    • Conserva las tareas después de actualizar la página mediante localStorage o sessionStorage.

Mejoras opcionales

  • Permitir que los usuarios editen tareas existentes.
  • Agregar un estado de tarea completada con una señal visual adecuada.
  • Filtrar la lista por todas, completadas o pendientes.
  • Desarrollar la aplicación con un framework moderno, como React, Vue o Angular.
Paso final

Prepara tu entrega

  1. Publica tu solución en un repositorio público de GitHub.
  2. Incluye un README con instrucciones para configurar y ejecutar el proyecto.
  3. Explica tu enfoque y las decisiones que tomaste.
  4. Comprueba que el enlace compartido abra sin pedir acceso.