{"id":23701175,"url":"https://github.com/gitfrandu4/to-dolist","last_synced_at":"2026-05-05T06:37:22.148Z","repository":{"id":51690702,"uuid":"364885138","full_name":"gitfrandu4/To-DoList","owner":"gitfrandu4","description":"Práctica de DAW2 - To-Do List Application (Angular)","archived":false,"fork":false,"pushed_at":"2021-05-24T11:43:41.000Z","size":9174,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-12-30T09:32:45.988Z","etag":null,"topics":["angular","to-do","to-do-list"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gitfrandu4.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-05-06T11:23:21.000Z","updated_at":"2021-08-02T04:28:57.000Z","dependencies_parsed_at":"2022-08-23T01:10:19.882Z","dependency_job_id":null,"html_url":"https://github.com/gitfrandu4/To-DoList","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gitfrandu4%2FTo-DoList","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gitfrandu4%2FTo-DoList/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gitfrandu4%2FTo-DoList/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gitfrandu4%2FTo-DoList/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gitfrandu4","download_url":"https://codeload.github.com/gitfrandu4/To-DoList/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239776647,"owners_count":19695147,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","to-do","to-do-list"],"created_at":"2024-12-30T09:32:29.139Z","updated_at":"2026-01-29T10:30:16.105Z","avatar_url":"https://github.com/gitfrandu4.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# To-DoListApp\n\nTrabajo de la asignatura DAW II (Desarrollo de Aplicaciones Web II) consistente en una aplicación desarrollada en Angular que permita la gestión de una lista de tareas. \n\n**Autor** ✒️\n\n* Francisco Javier López-Dufour Morales\n\n## Construido con ⚙️\n\n* Angular Framework: v11.2.13\n\n    * Angular CLI: v11.2.12\n    * Node.js. v14.15.4\n    * npm package manager: v7.10.0\n    * TypeScript: v4.1.5\n\n## Funcionalidades 📋\n\n### Funciones CRUD\n\nLa aplicación implementa las funciones básicas para Crear, Leer, Actualizar y Borrar elementos de la lista de tareas. \n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./src/assets/images/CRUD.png\" width=\"350\" alt=\"CRUD To-Do List\"\u003e\n\u003c/p\u003e\n\n### Ordenar elementos\n\nLa aplicación permite ordenar elementos de la lista de acuerdo a tres criterios:\n\n* Por fecha de creación\n* Por orden alfabético\n* O por estado\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./src/assets/images/orden.png\" width=\"250\" alt=\"Desplegable con las opciones de ordenamiento\"\u003e\n\u003c/p\u003e\n\n### Clasificar elementos por estados\n\nCada elemento de la lista puede encontrarse en uno de estos tres estados:\n\n* pendiente\n* resuelto\n* o en proceso\n\nCuando un elemento nuevo se crea, su estado es _pendiente_. Cuando un elemento cambia su estado a _resuelto_, pasa a un histórico. \n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./src/assets/images/estados.png\" width=\"350\" alt=\"Ejemplo de tareas en diferentes estados\"\u003e\n\u003c/p\u003e\n\n### Filtrar elementos por estados\n\nUtilizando componentes Slide toggle de Angular Material se aplican los filtros por estado en la lista:\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./src/assets/images/filtros.png\" width=\"350\" alt=\"Ejemplo de filtros en la aplicación\"\u003e\n\u003c/p\u003e\n\n### Empleando Angular Material\n\nPara este trabajo se han empleado varios componentes de la librería de Angular Material. Esta librería ofrece componentes web con un diseño Material design, una guía creada por Google. \n\nAlgunos de los componentes utilizados han sido:\n\n* `\u003cmat-slide-toggle\u003e` is an on/off control that can be toggled via clicking.\n* `\u003cmat-card\u003e` is a content container for text, photos, and actions in the context of a single subject.\n* `\u003cmat-toolbar\u003e` is a container for headers, titles, or actions.\n\n### Almacenamiento 🛠️\n\nPara el almacenamiento de las tareas se ha llevado a cabo mediante un fichero JSON:\n\n```json\n{\n    \"Item\": [\n      {\n        \"description\": \"To-Do List: Aprender Angular\",\n        \"date\": \"Sat May 15 2019 17:18:22 GMT+0100 (hora de verano de Europa occidental)\",\n        \"state\": \"done\"\n      },\n      {\n        \"description\": \"To-Do List: Documentar trabajo\",\n        \"date\": \"Sat May 15 2021 17:18:22 GMT+0100 (hora de verano de Europa occidental)\",\n        \"state\": \"active\"\n      },\n      // ...\n    ]\n}\n```\n\n## Despliegue 📦\n\nLa aplicación web se ha desplegado utilizando GitHub Pages, un espacio gratuito de la plataforma GitHub para almacenar los archivos que ejecuta un sitio web y alojar este sitio de manera estática: la información no se almacena en una base de datos sino que ya está contenida en los archivos del sitio.\n\n```bash\nng build --prod --base-href \"./\"\nngh\n```\n\n## Background: Milky Way Center\n\n**Fuente de la imagen**: https://www.flickr.com/photos/geckzilla/30386605114/\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./src/assets/images/background.jpg\" width=\"350\" alt=\"Fondo utilizado en la aplicación: Milky Way Center\"\u003e\n\u003c/p\u003e\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgitfrandu4%2Fto-dolist","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgitfrandu4%2Fto-dolist","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgitfrandu4%2Fto-dolist/lists"}