martinsantibanez/todolisto-repaso

TODO List Jquery, Taller Repaso Ing. Web Avanzada

Instrucciones

Clone este repositorio, luego diríjase a la carpeta donde se encuentra y ejecute el comando npm install para instalar las dependencias.

Si bien es recomendable servir la aplicación utilizando XAMPP, para este taller en particular debería funcionar ejecutando el archivo index.html directamente en el navegador.

Integrantes

• Martín Santibáñez
• Gabriel Abarca

todolisto-repaso's Issues

Barra de busqueda

6. (15 ptos) Agregue una barra de búsqueda que vaya filtrando de manera inmediata el listado de las
   tareas, de acuerdo a la similitud del título con el texto buscado.

Cambiar estado y mostrar detalle

3. (20 ptos) Al seleccionar una tarea, se debe habilitar una sección abajo donde aparece la descripción de
   la tarea y un botón para pasar de estado al siguiente estado. Los estados posibles son: Creada, En Proceso, y Terminada. Una tarea terminada no debe mostrar botón para pasar a un estado siguiente.
   Al presionar el botón, el cambio debe ser persistente en el backend, para ello utilize AJAX para realizar un request con método PUT a la url http://localhost:8000/tareas/<ID-TAREA>, donde <IDTAREA> se debe reemplazar con el id de la tarea que se está modificando.

Formulario validacion

4. (10 ptos) Implemente el formulario para que realice la validación correspondiente, según se muestra en
   la especificación. Utilice Bootstrap para la presentación del formulario.

Cargar tareas

2. (10 ptos) Al iniciar su aplicación, se deben cargar las tareas que existan en el backend, utilizando AJAX y
   la url http://localhost:8000/tareas, usando método GET. Las tareas así obtenidas, en JSON,
   deben ser renderizadas en la tabla, con un enlace para poder seleccionar cada tarea.

Editar tareas

7. (20 ptos) Modifique su aplicación para que sea posible modificar el título y la descripción de una tarea
   seleccionada, y que estos cambios persistan en el backend. Utilice el mismo método y URL que en la
   actualización de estado.

Crear nueva tarea

5. (15 ptos) Implemente el procesamiento del formulario utilizando AJAX, teniendo como objetivo la URL
   http://localhost:8000/tareas/, y usando el método POST. Así, el backend creará una nueva tarea
   con los datos proporcionados.