El objetivo del proyecto es poner en práctica todos los conceptos aprendidos a lo largo del curso para crear una aplicación web sin usar frameworks o librerías.
La aplicación desarrollada fue un “To do App” que cumplió con los siguientes user stories:
- Como usuario quiero agregar nuevas tareas a la lista.
- Como usuario quiero marcar una tarea como completada.
- Como usuario quiero eliminar una tarea que no necesite.
Se tomó como referencia el siguiente mockup:
Para ello, se utilizo Trello como principal herramienta. Se crearon 3 campos donde se colocaban las tareas en general, las que se estaban realizando y las ya finalizadas. Se represento de esta forma :
Para la organización del código se utilizó como inspiración el patrón de arquitectura de software Modelo-vista-controlador (MVC). Este patrón separa los datos y principalmente lo que es la lógica de negocio de una aplicación de su representación y el módulo encargado de gestionar los eventos y las comunicaciones. Para ello MVC propone la construcción de tres componentes distintos que son el modelo, la vista y el controlador, es decir, por un lado define componentes para la representación de la información, y por otro lado para la interacción del usuario.Este patrón de arquitectura de software se basa en las ideas de reutilización de código y la separación de conceptos, características que buscan facilitar la tarea de desarrollo de aplicaciones y su posterior mantenimiento.
Para permitir el uso de herramientas como el import es necesario que el proyecto sea montado en un servidor. Por lo cual se utilizo el plugin de VS Code Live Server. Para ello solo se busca Live Server en el Marketplace de extensiones de VS Code y se siguen los pasos que en la información de la extensión se indican para correr el código.
Para utilizar nuestra Web App, visita el siguiente url: https://longaniza.github.io/ProyectoFinalJSBeduFinal/