{"id":31829776,"url":"https://github.com/sodi0/datos-sinca-vue","last_synced_at":"2026-05-17T02:08:42.287Z","repository":{"id":297376755,"uuid":"996561990","full_name":"Sodi0/datos-sinca-vue","owner":"Sodi0","description":"Aplicación frontend que visualiza datos en tiempo real sobre la calidad del aire en Chile, usando Vue 3, Vite y Tailwind, consumiendo la API pública del SINCA.","archived":false,"fork":false,"pushed_at":"2025-12-05T02:40:10.000Z","size":51015,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-01-31T21:29:33.762Z","etag":null,"topics":["api","frontend","js","leaflet","sinca","taildwindcss","vite","vue3"],"latest_commit_sha":null,"homepage":"https://calidadairechile.netlify.app/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Sodi0.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-05T06:04:25.000Z","updated_at":"2025-12-05T02:40:16.000Z","dependencies_parsed_at":"2025-09-30T06:18:38.057Z","dependency_job_id":"bab71ea4-f167-4c7d-a1c5-32571cdf8d7a","html_url":"https://github.com/Sodi0/datos-sinca-vue","commit_stats":null,"previous_names":["sodi0/chile-respira-vue","sodi0/datos-sinca-vue"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Sodi0/datos-sinca-vue","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sodi0%2Fdatos-sinca-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sodi0%2Fdatos-sinca-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sodi0%2Fdatos-sinca-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sodi0%2Fdatos-sinca-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Sodi0","download_url":"https://codeload.github.com/Sodi0/datos-sinca-vue/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sodi0%2Fdatos-sinca-vue/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33125184,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-16T18:38:32.183Z","status":"online","status_checked_at":"2026-05-17T02:00:05.366Z","response_time":107,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["api","frontend","js","leaflet","sinca","taildwindcss","vite","vue3"],"created_at":"2025-10-11T20:55:57.120Z","updated_at":"2026-05-17T02:08:42.251Z","avatar_url":"https://github.com/Sodi0.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Visualizacion de datos SINCA\n[![Vue 3](https://img.shields.io/badge/Vue.js-3.x-4FC08D?style=for-the-badge\u0026logo=vue.js\u0026logoColor=white)](https://vuejs.org/)\n[![Vite](https://img.shields.io/badge/Vite-5.x-646CFF?style=for-the-badge\u0026logo=vite\u0026logoColor=white)](https://vitejs.dev/)\n[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-3.x-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)](https://tailwindcss.com/)\n[![Netlify Status](https://img.shields.io/badge/Netlify-Deployed-00C7B7?style=for-the-badge\u0026logo=netlify\u0026logoColor=white)](https://www.netlify.com/)\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)\n\n\u003e Plataforma web para consultar y visualizar datos de calidad del aire en Chile en tiempo real\n\n**Visualización de Datos SINCA** es un proyecto educativo desarrollado para mejorar habilidades en desarrollo frontend, utilizando tecnologías modernas como Vue 3, Vite y Tailwind CSS. La aplicación consume la API pública del SINCA (Sistema de Información Nacional de Calidad del Aire) para ofrecer información actualizada sobre la calidad del aire en distintas regiones de Chile.\n\n---\n\n## Tecnologías utilizadas\n\n- **Vue 3** - Framework progresivo de JavaScript para construir interfaces de usuario.\n- **Vite** - Herramienta de build rápida y ligera para proyectos modernos de frontend.\n- **Tailwind CSS** - Framework de utilidades CSS para un diseño rápido y responsivo.\n- **API SINCA** - Fuente pública de datos de calidad del aire en Chile.\n- **Netlify** - Para Despligle \n\n---\n\n## Ejecución local\n\nPara probar la aplicación localmente:\n\n```bash\ngit clone https://github.com/Sodi0/datos-sinca-vue.git\ncd datos-sinca-vue\nnpm install\nnpm run dev\n# Abrir http://localhost:5173\n```\n\n## Demo en vivo\n[Despliegue en vivo](https://calidadairechile.netlify.app/)\n\n![Demo](./src/assets/demo.gif)\n---\n\n## Qué puedes ver en la app\n\n- Mapa interactivo con estaciones coloreadas según su estado actual.\n- Tarjetas y sparklines que muestran la tendencia reciente de cada estación.\n- Buscador por nombre, comuna o región.\n- Información por contaminante (PM2.5, PM10, O3, NO2, CO, SO2) cuando está disponible.\n\n---\n\n## Decisiones técnicas y notas (para quien revise el código)\n\n- Mantengo la aplicación ligera y sin base de datos remota: los datos se obtienen directamente de la API SINCA y se mantienen en memoria en el cliente.\n- `src/api/sinca.ts` contiene la llamada a la API; `src/api/useEstaciones.ts` transforma y filtra las estaciones.\n- Recomendación: añadir `lastUpdated` y polling (cada 2–5 minutos) para mostrar la frescura de los datos y mantenerlos actualizados.\n- Si se necesitara historial o compartir estado entre vistas, se puede añadir `IndexedDB` o un store con `Pinia`.\n\n---\n\n## Deploy\n\nPara construir:\n\n```bash\nnpm run build\n```\n\nNetlify o Vercel detectan proyectos Vite y permiten despliegue directo.\n\n---\n\n## Licencia\n\nEste proyecto está bajo la licencia MIT — ver `LICENSE`.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsodi0%2Fdatos-sinca-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsodi0%2Fdatos-sinca-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsodi0%2Fdatos-sinca-vue/lists"}