andrea-lopez-dev.github.io

KO | EN

gitlite — search

#ai-agent #gemini #anthropic #agents #kotlin #web #golang #api #chatbot #self-hosted

andrea-lopez-dev.github.io

(★ 9)

Sitio estático para alojar la documentación visual (UML y BD) del proyecto Sigpaz.

File Explorer

ZIP Download

- - DIAGRAMA_DE_CASOS_DE_USO.html
  - DIAGRAMA_DE_CLASES_COMPLETO.html
  - ESQUEMA_DE_LA_BD_ORDENADO.html
  - MODELO_ER_ORDENADO.html
- - demo-docs.gif
  - favicon.ico
  - logo-sigpaz.png
index.html
README.md

# Use via CDN

jsDelivr

jsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.

Version

File

Link

Example

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<img src="https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white">
 <img src="https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white">
 <img src="https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black">
 <img src="https://img.shields.io/badge/FontAwesome-339AF0?style=for-the-badge&logo=fontawesome&logoColor=white">
 <img src="https://img.shields.io/badge/GitHub%20Pages-222222?style=for-the-badge&logo=githubpages&logoColor=white">
 
 <img src="https://img.shields.io/badge/Estado-Activo-success?style=for-the-badge&logo=github">
 <img src="https://img.shields.io/badge/Contribuciones-Bienvenidas-brightgreen?style=for-the-badge&logo=github">
 <img src="https://img.shields.io/badge/Versión-1.0.0-blue?style=for-the-badge&logo=vercel">

<img src="./docs/media/logo-sigpaz.png" alt="Logo SIGPAZ" width="280" style="filter: none !important; background-color: transparent;">

<img src="docs/media/demo-docs.gif" alt="Demo de la web interactiva" width="80%" style="border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.2);">

<h1 align="center">📚 Documentación Interactiva - SIGPAZ</h1>

Explora los diagramas UML, esquemas de base de datos y modelos entidad-relación de forma interactiva.

## 📖 Descripción

Este repositorio contiene la documentación visual e interactiva del sistema **SIGPAZ**. A través de una interfaz web moderna y responsiva con estilo **Glassmorphism**, podrás explorar los diferentes diagramas que componen la arquitectura del software y su base de datos, todo desde tu navegador sin necesidad de instalar nada.

<h2 align="center">✨ Características Destacadas</h2>

<table align="center" width="100%">
 <tr>
 <td align="center" width="33%">
 
 Glassmorphism 
 Efecto vidrio moderno
 </td>
 <td align="center" width="33%">
 
 Modo Oscuro 
 Switch automático
 </td>
 <td align="center" width="33%">
 
 Multi-Idioma 
 Español / English
 </td>
 </tr>
 <tr>
 <td align="center" width="33%">
 
 Enlaces Externos 
 Abrir en nueva pestaña
 </td>
 <td align="center" width="33%">
 
 100% Responsive 
 Diseño adaptado a móviles
 </td>
 <td align="center" width="33%">
 
 Fondo Interactivo 
 Partículas reactivas
 </td>
 </tr>
</table>

## 🖥️ Visualización de Diagramas Interactivos

Puedes explorar las versiones interactivas de todos los diagramas del sistema a través de tu sitio web en GitHub Pages:

🌐 **Visita la web de documentación:** [https://andrea-lopez-dev.github.io/](https://andrea-lopez-dev.github.io/)

Para acceder directamente a cada diagrama interactivo, haz clic en los siguientes enlaces:

- 🔗 [Clases UML (HTML interactivo)](//docs/diagrams/DIAGRAMA_DE_CASOS_DE_USO.html)
- 🔗 [Clases UML (HTML interactivo)](//docs/diagrams/DIAGRAMA_DE_CLASES_COMPLETO.html)
- 🔗 [Esquema de Base de Datos (HTML interactivo)](//docs/diagrams/ESQUEMA_DE_LA_BD_ORDENADO.html)
- 🔗 [Modelo ER (HTML interactivo)](//docs/diagrams/MODELO_ER_ORDENADO.html)

> 🖱️ **Nota:** Puedes interactuar con los diagramas directamente desde tu navegador.

## 📄 Visualización de Diagramas (Versión PDF)

También puedes visualizar todos los diagramas del sistema en formato PDF, sin necesidad de descargarlos:

📄 [Visualizar todos los diagramas del sistema en PDF](https://docs.google.com/viewer?url=https://raw.githubusercontent.com/andrea-lopez-dev/sigpaz/main/docs/diagrams/diagramas.pdf&embedded=true)

<h2>📊 Tecnologías utilizadas en los diagramas HTML</h2>

📌 **Nota**: Para revisar el código completo y el resto de la documentación,  
diríjase al repositorio oficial: [**andrea-lopez-dev/sigpaz**](https://github.com/andrea-lopez-dev/sigpaz)

✅ Material estructurado y diseñado para una consulta ágil y eficiente.

andrea-lopez-dev.github.io

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

andrea-lopez-dev.github.io

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

Download README