Skip to content

Latest commit

 

History

History
58 lines (32 loc) · 3.34 KB

README.md

File metadata and controls

58 lines (32 loc) · 3.34 KB

🖼️ Badges

Badges dinámicos y personalizables que se generan de manera automática y que se pueden incluir fácilmente en archivos markdown o en cualquier página web.

Important

Este proyecto está en progreso (WIP - Work In Progress). Algunas funcionalidades pueden no estar completas o estar en desarrollo activo.

✨ Características

  • ✅ Generación dinámica de badges.
  • ✅ Personalización con diferentes estilos.
  • ✅ Soporte para formato SVG.
  • ✅ Fácil integración en sitios web.
  • ✅ Ideal para mostrar creadores, colaboradores, etc.

🛠️ Estructura del proyecto

  • functions/: Ruta principal de la función de Firebase.

  • public/favicons/: Contiene los archivos de favicon utilizados en el proyecto.

  • public/media/: Almacena archivos multimedia como videos o audios que son utilizados en el proyecto.

  • public/og/: Esta carpeta almacena las imágenes Open Graph que son utilizadas para previsualizaciones cuando la página es compartida en redes sociales.

  • src/components/: Contiene los componentes reutilizables que no tienen que ver con la UI que pueden ser usados en diferentes partes del sitio web.

  • src/components/ui: Contiene los componentes de UI reutilizables.

  • src/contracts/: Contiene los contratos de tipos de datos (type definitions) que se utilizan a lo largo del código del proyecto.

  • src/data/: Esta carpeta almacena los datos estáticos o archivos que contienen la información que el sitio web necesita para mostrar en la interfaz.

  • src/icons/: Incluye los íconos utilizados en el sitio web.

  • src/images/: Contiene todas las imágenes que son utilizadas en el sitio web, ya sean para fondos, gráficos u otros elementos visuales. IMPORTANTE: Debes añadir acá las imágenes que quieres que sean procesadas por Astro utilizando el componente <Image> o <Picture>, de lo contrario guardalas en la carpeta public.

  • src/layouts/: Almacena los componentes de disposición general de la aplicación, como estructuras de páginas completas, para mantener una consistencia visual en diferentes páginas.

  • src/pages/: Contiene las páginas del sitio web.

  • src/pages/_index: Las carpetas que inician con guión bajo dentro de src/pages contienen las secciones de cada página. Por ejemplo, src/pages/_index contiene las secciones de la página de inicio.

  • src/scripts/: Contiene los scripts adicionales necesarios para la funcionalidad del proyecto. Estos scripts pueden incluir utilidades, funciones auxiliares o cualquier lógica que esté relacionada con la UI.

  • src/styles/: Almacena los archivos de estilos que definen la apariencia visual de la aplicación. Aquí se definen elementos visuales o estilos globales.

🤝 Contribuir

Si deseas contribuir a este proyecto, puedes hacerlo leyendo la Guía de Contribución.

📄 Licencia

Este proyecto utiliza la Licencia MIT. Consulte el Archivo de Licencia para obtener más información.

Proyecto creado por Felix Icaza. Badges diseñados por Luis Perez.