Horarios CNEL es una aplicación web diseñada para facilitar el acceso a los horarios de cortes de energía eléctrica programados por CNEL EP en Ecuador. Aprovecha la API pública de CNEL para ofrecer información detallada y una experiencia de usuario optimizada.

Construida principalmente con Astro y React, esta aplicación también utiliza Shadcn/UI para componentes estilizados y accesibles. Además, integra un blog conectado con Contentful, donde se publican artículos relacionados con cortes de energía y temas de interés.

📈 Impacto del proyecto

Horarios CNEL tuvo un impacto significativo durante el período de cortes de luz en Ecuador, ayudando a miles de usuarios a obtener información de manera sencilla y efectiva. Aquí están los resultados:

• 33.2k vistas: Total de veces que la página fue vista.
• 25.6k visitas: Sesiones únicas en la plataforma.
• 16.8k usuarios: Personas que confiaron en la herramienta para informarse.
• 82% tasa de rebote: Indicando que los usuarios encontraron rápidamente lo que buscaban.
• 58 segundos de duración promedio por visita: Demostrando que la información fue accesible y efectiva.

✨ Características principales

• Consulta de horarios de cortes: Obtén información detallada sobre los cortes de luz en tu área usando tu número de cédula.
• Interfaz amigable: Diseñada para mejorar la experiencia de usuario respecto a la página oficial de CNEL.
• Blog integrado: Artículos útiles y relacionados, como recomendaciones para proteger tus electrodomésticos durante apagones o soluciones de respaldo energético.
• Diseño responsivo: Optimizado para dispositivos móviles y escritorio.
• Modo claro/oscuro: Cambia automáticamente según la preferencia del usuario.

🛠️ Tecnologías utilizadas

• Astro: Framework moderno para construir sitios rápidos y eficientes.
• React: Biblioteca para interfaces de usuario interactivas.
• Shadcn/UI: Colección de componentes estilizados para React.
• Contentful: CMS utilizado para gestionar el contenido dinámico del blog.

📸 Imágenes destacadas

Vista principal de la aplicación

Blog integrado

🌐 Enlaces importantes

• Demo en vivo: Horarios CNEL
• Repositorio GitHub: Ver repositorio

📝 Descripción técnica

Información de la API

La aplicación utiliza la API pública de CNEL EP para obtener los horarios de los cortes de luz programados. Ejemplo de uso:

const response = await fetch(
  `https://api.cnelep.gob.ec/servicios-linea/v1/notificaciones/consultar/${idValue}/${idType}`
);

• idValue: Número de cédula o identificación.
• idType: Tipo de identificación.

🚀 Cómo usar

1. Accede a la aplicación: Ingresa a Horarios CNEL.
2. Introduce tu cédula: Consulta los cortes programados en tu área.
3. Explora el blog: Lee artículos útiles relacionados con cortes de energía.

🖼️ Blog relacionado

La aplicación incluye un blog con artículos útiles para los usuarios. Algunos temas destacados incluyen:

• “Guía práctica para crear un sistema solar casero con power station y paneles solares”.
• “Protección de tus electrodomésticos durante los apagones”.
• “Elige el respaldo energético ideal: Generador, Powerstation, UPS o Powerbank”.

Ejemplo de entrada del blog

🎉 Sobre el proyecto

Horarios CNEL fue creado como un proyecto personal para practicar habilidades de desarrollo web y contribuir a la comunidad en Ecuador. El proyecto es open source y está disponible en GitHub. ¡Espero que sea útil para todos los usuarios afectados por los apagones en el país!