Victor-Code

modern Vanilla JS GitHub Calendar

Portfolio

Vanilla JS GitHub Calendar

Open Source Library | Web Components | JavaScript Vanilla | Publicada en npm

Desarrollé y publiqué una librería Open Source que permite visualizar el calendario de contribuciones de GitHub mediante un componente HTML reutilizable (<github-calendar>). El proyecto fue construido utilizando tecnologías web nativas, eliminando dependencias innecesarias y priorizando rendimiento, simplicidad de integración y compatibilidad con cualquier ecosistema frontend moderno. 【1-547a6e】【2-fa86a1】

La librería está distribuida como paquete npm, permitiendo su instalación e integración en proyectos Vanilla JavaScript, React, Vue, Angular o cualquier aplicación basada en módulos ES. 【1-547a6e】【2-fa86a1】

Características principales

  • Desarrollo 100% en JavaScript Vanilla.
  • Sin dependencias externas.
  • Implementación mediante Web Components (Custom Elements).
  • Encapsulación utilizando Shadow DOM.
  • Diseño responsive y mobile-first.
  • Personalización mediante CSS Custom Properties.
  • Integración sencilla con cualquier framework o proyecto HTML.
  • Distribución y publicación en npm.
  • Arquitectura moderna basada en ES Modules y Vite. 【1-547a6e】【2-fa86a1】

Tecnologías utilizadas

  • JavaScript (ES Modules)
  • Web Components
  • Custom Elements
  • Shadow DOM
  • HTML5
  • CSS3
  • Vite
  • npm

Mi contribución

  • Diseño de la arquitectura del componente.
  • Desarrollo de la librería utilizando estándares nativos del navegador.
  • Implementación del sistema de tematización mediante CSS Variables.
  • Optimización para dispositivos móviles.
  • Configuración del proceso de empaquetado y distribución.
  • Publicación y mantenimiento del paquete en npm.

Resultados

  • Librería reutilizable, ligera y fácil de integrar.
  • Compatible con múltiples stacks frontend.
  • Publicación pública en npm para consumo por terceros.
  • Código mantenible basado en estándares modernos de la Web.

Enlaces

  • GitHub: https://github.com/moonhuntercode/vanilla-js-github-calendar
  • npm: https://www.npmjs.com/package/vanilla-js-github-calendar

Categorías

Open Source · JavaScript Library · Web Components · Frontend Infrastructure · npm Package · Developer Tools