https://github.com/sodi0/datos-sinca-vue
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.
https://github.com/sodi0/datos-sinca-vue
api frontend js leaflet sinca taildwindcss vite vue3
Last synced: 16 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/sodi0/datos-sinca-vue
- Owner: Sodi0
- License: mit
- Created: 2025-06-05T06:04:25.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-12-05T02:40:10.000Z (6 months ago)
- Last Synced: 2026-01-31T21:29:33.762Z (4 months ago)
- Topics: api, frontend, js, leaflet, sinca, taildwindcss, vite, vue3
- Language: Vue
- Homepage: https://calidadairechile.netlify.app/
- Size: 48.7 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Visualizacion de datos SINCA
[](https://vuejs.org/)
[](https://vitejs.dev/)
[](https://tailwindcss.com/)
[](https://www.netlify.com/)
[](https://opensource.org/licenses/MIT)
> Plataforma web para consultar y visualizar datos de calidad del aire en Chile en tiempo real
**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.
---
## Tecnologías utilizadas
- **Vue 3** - Framework progresivo de JavaScript para construir interfaces de usuario.
- **Vite** - Herramienta de build rápida y ligera para proyectos modernos de frontend.
- **Tailwind CSS** - Framework de utilidades CSS para un diseño rápido y responsivo.
- **API SINCA** - Fuente pública de datos de calidad del aire en Chile.
- **Netlify** - Para Despligle
---
## Ejecución local
Para probar la aplicación localmente:
```bash
git clone https://github.com/Sodi0/datos-sinca-vue.git
cd datos-sinca-vue
npm install
npm run dev
# Abrir http://localhost:5173
```
## Demo en vivo
[Despliegue en vivo](https://calidadairechile.netlify.app/)
---
## Qué puedes ver en la app
- Mapa interactivo con estaciones coloreadas según su estado actual.
- Tarjetas y sparklines que muestran la tendencia reciente de cada estación.
- Buscador por nombre, comuna o región.
- Información por contaminante (PM2.5, PM10, O3, NO2, CO, SO2) cuando está disponible.
---
## Decisiones técnicas y notas (para quien revise el código)
- 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.
- `src/api/sinca.ts` contiene la llamada a la API; `src/api/useEstaciones.ts` transforma y filtra las estaciones.
- Recomendación: añadir `lastUpdated` y polling (cada 2–5 minutos) para mostrar la frescura de los datos y mantenerlos actualizados.
- Si se necesitara historial o compartir estado entre vistas, se puede añadir `IndexedDB` o un store con `Pinia`.
---
## Deploy
Para construir:
```bash
npm run build
```
Netlify o Vercel detectan proyectos Vite y permiten despliegue directo.
---
## Licencia
Este proyecto está bajo la licencia MIT — ver `LICENSE`.