Aplicación web para consultar farmacias de turno en Mar del Plata, Argentina.
Farmacias de Turno MDP es una aplicación web progresiva (PWA) que permite consultar de forma clara y rápida qué farmacia está de turno en Mar del Plata. Con un mapa interactivo, modo claro/oscuro y diseño responsive.
- 🗺️ Mapa interactivo: Ubicación de cada farmacia con marcadores personalizados (Leaflet + OpenStreetMap)
- 🔄 Sistema de turnos automático: Calcula matemáticamente qué grupo de farmacias está de turno cada día
- 📱 Totalmente responsive: Diseño adaptado a celulares, tablets y computadoras
- 🌙 Modo claro/oscuro: Cambia el tema según tu preferencia o la hora del día
- 📲 Instalable (PWA): Podés agregar la app a la pantalla de inicio de tu celular
- ♿ Accesible: Navegación por teclado y etiquetas ARIA para lectores de pantalla
- 🔒 Privacidad: No recopila datos personales. Política de privacidad y términos incluidos
- 📊 SEO optimizado: Open Graph, Twitter Cards, Schema.org, sitemap y robots.txt
| Categoría | Tecnologías |
|---|---|
| Frontend | HTML5, CSS3, JavaScript (ES6+) |
| Mapas | Leaflet + OpenStreetMap |
| PWA | Service Worker, Web App Manifest |
| Hosting | GitHub Pages + dominio propio |
| DNS / Seguridad | Cloudflare |
| Publicidad | Google AdSense |
| SEO | Open Graph, Twitter Cards, Schema.org, sitemap.xml, robots.txt |
| Automatización | GitHub Actions |
| Control de versiones | Git + GitHub |
| IDE | Phoenix Code / VS Code / Notepad++ |
| Fuentes | Google Fonts (Bebas Neue, Nunito) |
| Íconos | SVG nativos |
| Estructura de datos | JSON (manual + lógica de ciclos) |
| Monitoreo | Cloudflare Analytics, Google Search Console, Bing Webmaster Tools |
| Herramientas | Consola de desarrollador, Lighthouse |
| Herramienta | Uso |
|---|---|
| GitHub Actions | Monitoreo automático de actividad sospechosa (scraping) |
| Consola de desarrollador | Depuración y pruebas de lógica de ciclos |
| Google Search Console | Verificación de indexación y SEO |
| Bing Webmaster Tools | Monitoreo en buscadores alternativos |
| Cloudflare Analytics | Estadísticas de visitas (privacy-first) |
| Lighthouse | Auditoría de rendimiento y buenas prácticas |
- Accesibilidad: Roles ARIA, navegación por teclado (WCAG AAA)
- Diseño responsive: Mobile-first, breakpoints adaptables
- SEO optimizado: Meta tags, datos estructurados (Schema.org)
- Rendimiento: Caché multi-capa con Service Worker
- Privacidad: Sin cookies propias, cumplimiento RGPD
El Colegio de Farmacéuticos de General Pueyrredon organiza las farmacias en 16 grupos rotativos. La aplicación replica esta lógica sin hacer scraping:
- Fecha de inicio: Se define un punto de partida (
FECHA_INICIO_CICLO_1 = 26 de abril de 2026) - Cálculo del ciclo: Se calculan los días transcurridos desde la fecha de inicio y se determina qué grupo toca cada día
- Presentación: La app consulta un archivo
db.jsonque contiene todos los grupos y muestra el que corresponde
Esto asegura que la información funcione siempre, incluso sin conexión a internet (los datos se cachean).
Si querés correr el proyecto en tu computadora:
# 1. Clonar el repositorio
git clone https://github.com/psbella/turnos.git
# 2. Entrar en la carpeta del proyecto
cd turnos
# 3. Abrir el archivo index.html en tu navegador
# (podés usar una extensión como "Live Server" de VS Code)