Este proyecto es un desafío para construir una aplicación de lista de tareas interactiva. La aplicación permite a los usuarios agregar tareas junto con el nombre de la persona responsable de realizar esa tarea. Además, se proporciona la funcionalidad para crear y eliminar tareas. La persistencia de datos se puede lograr mediante localStorage o utilizando una API en mockapi.
-
Agregar Tareas: Los usuarios pueden agregar nuevas tareas junto con el nombre de la persona asignada.
-
Eliminar Tareas (Opcional): Existe la opción de eliminar tareas de la lista.
-
Persistencia de Datos: Puedes elegir implementar la persistencia de datos utilizando localStorage o una API en mockapi.
- HTML5 (estructura ya proporcionada)
- CSS3 (Bootstrap para estilos)
- JavaScript (¡Esta es la parte que necesitas desarrollar!)
-
Clona este repositorio en tu máquina local:
git clone [email protected]:jmontes50/challenge_2.git
-
Abre el archivo
index.html
en tu navegador web, puedes utilizar la extensión LiveServer para ello. -
Desarrolla la funcionalidad en los archivos de JS del proyecto.
script.js
es el archivo principal, este archivo debe encargarse del funcionamiento de la aplicación como la manipulación del DOM como de almacenar las nuevas tareas en la variabletasks
.- El archivo
script.js
tiene un funcióngenerateUniqueId
que genera un id mediante un timestamp - el archivo persistencia es un módulo donde existiran las funciones que darán persistencia a la aplicación.
index.html
: La estructura HTML de la aplicación.styles.css
(o archivo CSS): Estilos adicionales, incluyendo Bootstrap.script.js
: Este es el archivo que necesitarás desarrollar para agregar la lógica de la lista de tareas.
Si decides utilizar localStorage
para la persistencia de datos, los datos de la lista de tareas se guardarán localmente en el navegador del usuario. Esto significa que las tareas se mantendrán incluso después de cerrar y volver a abrir la aplicación.
Si prefieres una solución basada en una API, puedes utilizar una API en mockapi para almacenar y recuperar los datos de la lista de tareas. Las peticiones las puedes realizar utilizando fetch, haciendo una petición de tipo POST.