Loading repository data…
Loading repository data…
SantiagoCruz2212 / repository
Portafolio web profesional desarrollado con Angular 19, diseñado para mostrar proyectos, experiencia laboral y habilidades técnicas de forma moderna e interactiva.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Portafolio web profesional desarrollado con Angular 19, diseñado para mostrar proyectos, experiencia laboral y habilidades técnicas de forma moderna e interactiva.
Este es un portafolio web moderno y completamente responsive que presenta mi experiencia profesional, proyectos y habilidades como desarrollador Fullstack. El sitio está diseñado con un enfoque en la experiencia del usuario, animaciones suaves y un diseño oscuro profesional.
mailto:sacc-dev-folio/
├── src/
│ ├── app/
│ │ ├── components/
│ │ │ ├── atoms/ # Componentes atómicos
│ │ │ │ └── language-selector/
│ │ │ └── organisms/ # Componentes complejos
│ │ │ ├── header/
│ │ │ └── footer/
│ │ ├── pages/ # Páginas principales
│ │ │ ├── home/
│ │ │ ├── projects/
│ │ │ ├── experience/
│ │ │ ├── about/
│ │ │ └── contact/
│ │ ├── shared/
│ │ │ ├── components/
│ │ │ │ └── cv-download-toast/
│ │ │ └── services/
│ │ │ ├── cv-download.service.ts
│ │ │ └── github.service.ts
│ │ ├── app.component.ts
│ │ ├── app.config.ts
│ │ └── app.routes.ts
│ ├── styles/
│ │ ├── abstracts/
│ │ │ ├── _variables.scss # Variables globales
│ │ │ └── _mixins.scss # Mixins reutilizables
│ │ └── base/
│ │ ├── _reset.scss # Reset CSS
│ │ ├── _typography.scss # Tipografía
│ │ └── _animations.scss # Animaciones globales
│ ├── public/
│ │ ├── cv/ # CVs en múltiples idiomas
│ │ │ ├── HV.pdf # CV en español
│ │ │ └── CV.pdf # CV en inglés
│ │ └── images/
│ │ └── profile/
│ └── index.html
├── angular.json
├── package.json
├── tsconfig.json
├── STRUCTURE.md
└── README.md
npm install
Configurar archivos estáticos
HV.pdf (CV en español) en public/cv/CV.pdf (CV en inglés) en public/cv/public/images/profile/Santiago.jpgConfigurar información personal
GitHub Service (src/app/shared/services/github.service.ts)
private readonly username = 'TU_USUARIO_GITHUB';
Contact Component (src/app/pages/contact/contact.component.ts)
contactEmail = 'tu-email@ejemplo.com';
Experience Component (src/app/pages/experience/experience.component.ts)
linkedInUrl = 'https://www.linkedin.com/in/tu-perfil/';
Ejecutar en desarrollo
npm start
# o
ng serve
npm run build
# o
ng build --configuration production
Los archivos compilados estarán en dist/
github.service.ts)// Obtiene y transforma automáticamente los repositorios
getProjectsFromRepos(): Observable<Project[]>
// Determina la categoría basándose en múltiples factores
private determineCategory(repo: GitHubRepo): 'Full Stack' | 'Frontend' | 'Backend'
// Extrae tecnologías de topics y lenguajes
private getTechnologies(repo: GitHubRepo): string[]
// Genera imágenes placeholder personalizadas
private getProjectImage(repo: GitHubRepo): string
// Formatea nombres de repositorios
private formatRepoName(name: string): string
// Formatea tecnologías con capitalización correcta
private formatTechnology(tech: string): string
cv-download.service.ts)// Abre el toast de selección de idioma
openToast(): void
// Descarga el CV en el idioma seleccionado
downloadCV(language: 'es' | 'en'): void
// Controla la visibilidad del toast
closeToast(): void
header.component.ts)// Bloquea el scroll cuando el menú está abierto
private toggleBodyOverflow(): void
// Previene scroll en html y body usando position: fixed
// Evita que el contenido se mueva mientras el menú está abierto
contact.component.ts)// Método principal con fallback automático
copyEmail(): void
// Método de respaldo usando execCommand
private fallbackCopyEmail(): void
// Muestra feedback visual de éxito
private showCopySuccess(): void
El proyecto consume la API pública de GitHub para mostrar automáticamente los proyectos:
Endpoint utilizado:
GET https://api.github.com/users/{username}/repos?sort=updated&per_page=100
Características:
Datos obtenidos:
Transformación de datos:
# Desarrollo
npm start # Inicia el servidor de desarrollo en puerto 4200
ng serve # Alternativa con Angular CLI
# Build
npm run build # Build de producción optimizado
ng build # Alternativa con Angular CLI
ng build --configuration production # Build explícito de producción
# Testing
npm test # Ejecuta tests unitarios con Karma
ng test # Alternativa con Angular CLI
Santiago Andrés Castro Cruz
Este proyecto es de uso personal.
Versión: 1.0.0
Última actualización: Diciembre 2025
Desarrollado con ❤️ por Santiago Castro Cruz