Skip to content

Exercise of communication with an API RESTful (with JWT authentication, etc.) // JavaScript | HTML | CSS

Notifications You must be signed in to change notification settings

juancruzmarzetti/front-end-with-api-exercise

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

version dh

ToDo App

Proyecto que reune todos los conceptos y herramientas adquiridas en la materia Frontend II.

Se trata de una clásica pero efectiva aplicación de tareas, en la cual podemos anotar distintas actividades que nos interese realizar. Como suele pasar, estas tareas están pendientes hasta que en algún momento se cumplen. 🙄 En fin, dejemos el tema de concluir pendientes de lado.

Volviendo a lo técnico, tenemos un frontend que se conecta con una API preparada específicamente para oficiar de nuestro backend. De esta manera tendremos la persistencia de los datos en una DB propia.

Este proyecto es la oportunidad de repasar todo lo aprendido y poner en práctica las herramientas que tenemos gracias a Javascript. ¡A programar se ha dicho! 🚀

API Docs

Link con la documentación de los endpoints de la API y su funcionamiento: 👉 https://ctd-todo-api.herokuapp.com/

Requerimientos funcionales en pantalla de Login

  • FUNCIÓN 1: Escuchar el submit y preparar los datos para elenvío.
  • FUNCIÓN 2: Realizar la petición a la API para ingresar si los datos del usuario son correctos.

Requerimientos funcionales en pantalla de Signup

  • FUNCIÓN 1: Escuchar el submit y preparar los datos para elenvío.
  • FUNCIÓN 2: Realizar la petición a la API crear un nuevo usuario si completa todos los datos.

Requerimientos funcionales en pantalla de Tareas

  • FUNCIÓN 1: Darle funcionalidad al botón de "Cerrar sesión".
  • FUNCIÓN 2: Crear un función para obtener el nombre de usuario y presentarlo en pantalla.
  • FUNCIÓN 3: Implementar una función para obtener el listado de tareas.
  • FUNCIÓN 4: Lograr que funcione el botón de crear nueva tarea.
  • FUNCIÓN 5: Poder renderizar en pantalla las tareas según su estado, dentro del listado que corresponda.
  • FUNCIÓN 6: Cambiar una tarea pendiente a terminada y viceversa.
  • FUNCIÓN 7: Eliminar definitivamente una tarea.

Requerimiento no funcional

  • Desarrollar las validaciones de utils.js para su implementación.

About

Exercise of communication with an API RESTful (with JWT authentication, etc.) // JavaScript | HTML | CSS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published