{"id":31804866,"url":"https://github.com/gustedeveloper/daily-sprouts","last_synced_at":"2026-02-18T11:03:48.164Z","repository":{"id":298577358,"uuid":"1000434411","full_name":"gustedeveloper/daily-sprouts","owner":"gustedeveloper","description":"Welcome to Daily Sprouts! 🌱 A task manager developed with Vue.js with a charming pixel art aesthetic. In this project, your task progress is uniquely visualized: each task starts as a small sprout, grows as you advance, and fully blooms upon completion.","archived":false,"fork":false,"pushed_at":"2025-07-09T10:31:32.000Z","size":30530,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-11T02:20:18.818Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://gustedeveloper.github.io/daily-sprouts/","language":"Vue","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/gustedeveloper.png","metadata":{"files":{"readme":"README.es.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-06-11T19:21:53.000Z","updated_at":"2025-10-08T19:19:32.000Z","dependencies_parsed_at":"2025-10-11T02:20:01.621Z","dependency_job_id":"b687f571-c9f7-4dce-8891-0909f679b4cd","html_url":"https://github.com/gustedeveloper/daily-sprouts","commit_stats":null,"previous_names":["gustedeveloper/daily-sprouts"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gustedeveloper/daily-sprouts","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gustedeveloper%2Fdaily-sprouts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gustedeveloper%2Fdaily-sprouts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gustedeveloper%2Fdaily-sprouts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gustedeveloper%2Fdaily-sprouts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gustedeveloper","download_url":"https://codeload.github.com/gustedeveloper/daily-sprouts/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gustedeveloper%2Fdaily-sprouts/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29576870,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-18T08:38:15.585Z","status":"ssl_error","status_checked_at":"2026-02-18T08:38:14.917Z","response_time":162,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":[],"created_at":"2025-10-11T02:19:29.447Z","updated_at":"2026-02-18T11:03:48.146Z","avatar_url":"https://github.com/gustedeveloper.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Daily Sprouts - Gestor de Tareas Pixel Art\n\n¡Bienvenido a Daily Sprouts! Un gestor de tareas con una encantadora estética pixel art. En este proyecto, el progreso de tus tareas se visualiza de una manera única: cada tarea comienza como un pequeño brote, crece a medida que avanzas y florece completamente al completarse.\n\nDesarrollado con Vue.js, Daily Sprouts te ayuda a organizar tu día a día de una forma visual y motivadora.\n\n## 🖼️ Vistas de la Aplicación\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003cstrong\u003ePágina de Inicio\u003c/strong\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003cstrong\u003eGestión de Tareas\u003c/strong\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"./public/screenshots/home.png\" alt=\"Página de Inicio\"\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"./public/screenshots/task-list.png\" alt=\"Gestión de Tareas\"\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\u003cstrong\u003eJardín\u003c/strong\u003e\u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003cstrong\u003eArchivo\u003c/strong\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"./public/screenshots/garden.png\" alt=\"Jardín\"\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"./public/screenshots/archive.png\" alt=\"Archivo\"\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## ✨ Características Principales\n\n- **Creación de Tareas:** Añade nuevas tareas con un título y elige una flor para representarla.\n- **Gestión de Estado:** Las tareas pueden tener tres estados: \"Recién empezada\", \"En progreso\" y \"Completada\". El estado se puede cambiar fácilmente desde una lista desplegable.\n- **Visualización Progresiva:** La imagen de la flor de cada tarea cambia reflejando su estado actual, desde un brote hasta una flor completa.\n- **Jardín Personalizado:** Envía tus tareas más importantes a tu \"jardín\" para tener una visualización de tus logros. Hay un límite de 10 plantas en el jardín.\n- **Edición y Eliminación:** Edita el título de tus tareas directamente en la lista o elimínalas cuando ya no las necesites.\n- **Filtrado y Archivo:** Filtra tus tareas por estado o por las que están en el jardín. También puedes archivar tareas para ocultarlas de la lista principal y consultarlas más tarde.\n- **Persistencia de Datos:** Tus tareas se guardan en el `localStorage` del navegador, para que no pierdas tu progreso al recargar la página.\n- **Diseño Responsive:** La aplicación está diseñada para adaptarse a diferentes tamaños de pantalla.\n\n## 🛠️ Detalles Técnicos\n\n### Stack Tecnológico\n\n- **Framework:** [Vue 3](https://vuejs.org/) (usando `\u003cscript setup\u003e`)\n- **Bundler:** [Vite](https://vitejs.dev/)\n- **Lenguaje:** [TypeScript](https://www.typescriptlang.org/)\n- **Gestión de Estado:** [Pinia](https://pinia.vuejs.org/)\n- **Routing:** [Vue Router](https://router.vuejs.org/)\n- **Estilos:** CSS con variables para theming.\n\n### Estructura del Proyecto\n\nEl proyecto sigue una estructura modular para facilitar el mantenimiento y la escalabilidad:\n\n```\npublic/           # Iconos e imágenes\nsrc/\n├── common/       # Componentes genéricos reutilizables (selectores, checkboxes, etc.)\n├── components/   # Componentes principales de la aplicación (TaskForm, TaskList, Garden)\n├── router/       # Configuración de Vue Router\n├── stores/       # Módulos de Pinia para la gestión del estado (tasks, garden)\n├── types/        # Definiciones de tipos de TypeScript\n├── utils/        # Funciones de utilidad (ej. datos de las flores)\n├── views/        # Vistas principales de la aplicación (Home, TaskManagement, Garden)\n└── App.vue       # Componente raíz de la aplicación\n```\n\n### Gestión de Estado con Pinia\n\nLa aplicación utiliza **Pinia** para una gestión de estado centralizada y reactiva.\n\n- **`tasks.ts`:** Gestiona todo lo relacionado con las tareas: lista de tareas, añadir, eliminar, actualizar, archivar, etc. También se suscribe a los cambios para persistir el estado en `localStorage`.\n- **`garden.ts`:** Gestiona el estado del jardín, como el fondo de pantalla seleccionado, que también se persiste en `localStorage`.\n\n### Componentes Reutilizables\n\nSe ha puesto un fuerte énfasis en la reutilización de componentes, que se encuentran en la carpeta `src/common/`. Algunos ejemplos clave son:\n\n- `CustomImageSelector.vue`: Un selector genérico que muestra imágenes como opciones.\n- `CustomStatusDropdown.vue`: El desplegable para cambiar el estado de las tareas.\n- `EditableTitle.vue`: Un componente que permite la edición de texto en línea.\n- `TaskImage.vue`: Muestra la imagen correcta de la flor según el estado de la tarea.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgustedeveloper%2Fdaily-sprouts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgustedeveloper%2Fdaily-sprouts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgustedeveloper%2Fdaily-sprouts/lists"}